【问题标题】：Error: Could not find the correct Provider <List<Auftrag>> above this Widget错误：在此小部件上方找不到正确的提供程序 <List<Auftrag>>
【发布时间】：2025-12-22 17:45:12
【问题描述】：

我正在尝试制作一个按钮标签栏，在第一个 Tap 页面上有一个列表（堆栈）。不知何故有这个错误，我只是不知道为什么......

这是我的主页文件：

class  Home extends StatelessWidget {

  final AuthService _auth = AuthService();
  @override
  Widget build(BuildContext context) {
    return TabContainerIndexedStack();
}}

这是 TabContainerIndexStack()：

class TabContainerIndexedStack extends StatefulWidget {
  TabContainerIndexedStack({Key key}) : super(key: key);

  @override
  _TabContainerIndexedStackState createState() =>
      _TabContainerIndexedStackState();
}

class _TabContainerIndexedStackState extends State<TabContainerIndexedStack> {
  int tabIndex = 0;
  List<Widget> listScreens;
  @override
  void initState() {
    super.initState();
    listScreens = [
      Tab1(),
      Tab2(),
      Tab3(),
    ];
  }

//  @override
//  bool get wantKeepAlive =>
//      true; //by default it will be null, change it to true.

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      color: Colors.yellow,
      home: Scaffold(
        body: IndexedStack(index: tabIndex, children: listScreens),
        bottomNavigationBar: BottomNavigationBar(
            currentIndex: tabIndex,
            onTap: (int index) {
              setState(() {
                tabIndex = index;
              });
            },
            items: [
              BottomNavigationBarItem(
                icon: Icon(Icons.home),
                title: Text('Tab1'),
              ),
              BottomNavigationBarItem(
                icon: Icon(Icons.report_problem),
                title: Text('Tab2'),
              ),
              BottomNavigationBarItem(
                icon: Icon(Icons.settings),
                title: Text('Tab3'),
              ),
            ]),
        backgroundColor: Theme.of(context).primaryColor,
      ),
    );
  }
}

这是我的第一个标签（其他标签有效！！！）

class Tab1 extends StatefulWidget {
  @override
  _Tab1State createState() => _Tab1State();
}

class _Tab1State extends State<Tab1> with AutomaticKeepAliveClientMixin<Tab1> {
  @override
  void initState() {
    super.initState();
    print('initState Tab1');
  }

  @override
  Widget build(BuildContext context) {
    print('build Tab1');
    return Scaffold(
      appBar: AppBar(
        title: Text('Tab1'),
      ),
      body: AuftraegeList()
    );
  }

  @override
  bool get wantKeepAlive => true;
}

我认为问题就在上面的“body: AuftraegeList()...”中..

这里是文件 AuftraegeList():

class AuftraegeList extends StatefulWidget {
  @override
  _AuftraegeListState createState() => _AuftraegeListState();
}

class _AuftraegeListState extends State<AuftraegeList> {
  @override
  Widget build(BuildContext context) {

    final auftraege = Provider.of<List<Auftrag>>(context);

    return ListView.builder(
        itemCount: auftraege.length,
        itemBuilder: (context, index){
      return AuftragTile(auftrag: auftraege[index]);
    },
    );
  }
}

我希望这足以解决我的问题。我对 Flutter 很陌生，所以如果你能说出我必须在哪里改变什么，那就太好了。非常感谢！！！

编辑：这是我 home.dart 的代码，这是代码，代表我的主视图中的列表。

class  Home extends StatelessWidget {

  final AuthService _auth = AuthService();
  @override
  Widget build(BuildContext context) {
    return TabContainerIndexedStack();
    /*
    return StreamProvider<List<Auftrag>>.value(
    value: DatabaseService().auftraege,
      child: Scaffold(
        bottomNavigationBar: btmBar(),
     backgroundColor: Colors.blue[50],
      appBar: AppBar(
        title: Text('Home title'),
        backgroundColor: Colors.blue,
        elevation: 0.0,
        actions: <Widget>[
          FlatButton.icon(
            icon: Icon(Icons.person),
            label: Text('logout'),
            onPressed: () async{
              await _auth.signOut();
            },
          )
        ],
      ),
        body: AuftraegeList(),
        ),
    );
    */

  }
}

（这是我注释掉的部分）

谢谢！！

编辑（2）！！！

最新编辑：

所以我的第一个点击类现在看起来像这样（我在最初声明 databaseService 后将 Widget 构建主体 [] 更改为 databaseService.auftraege）。

    class Tab1 extends StatefulWidget {
  @override
  _Tab1State createState() => _Tab1State();
}


class _Tab1State extends State<Tab1> with AutomaticKeepAliveClientMixin<Tab1> {

  // Where should I put this line? Whereever I put this, it gives me errors (already imported services/database.dart)
  final DatabaseService databaseService = Provider.of<DatabaseService()>(context);

  @override
  void initState() {
    super.initState();
    print('initState Tab1');
  }

  @override
  Widget build(BuildContext context) {
    print('build Tab1');
    return Scaffold(
      appBar: AppBar(
        title: Text('Tab1'),
      ),
      body: Provider(
        create: (context) => databaseService.auftraege,
        child: AuftraegeList(),
      )
    );
  }


  @override
  bool get wantKeepAlive => true;
}

也许向您展示我的服务/数据库也很有帮助

class DatabaseService{

  final String uid;
  DatabaseService({ this.uid });
  // collection reference
   final CollectionReference auftraegeCollection = Firestore.instance.collection('auftraege');

  Future updateUserData(String title, String info, int price, String user) async{
    return await auftraegeCollection.document(uid).setData({
      'title' : title,
      'info': info,
      'price': price,
      'user': user,
    });
  }


  List<Auftrag> _auftragListFromSnapshot(QuerySnapshot snapshot){
    return snapshot.documents.map((doc){
      return Auftrag(
          title: doc.data['title']?? '',
          info: doc.data['info']?? '',
          price: doc.data['price']?? 0,
          user: doc.data['user']?? '',

      );
    }).toList();
  }


  // get auftraege stream
Stream <List<Auftrag>> get auftraege {
    return auftraegeCollection.snapshots()
    .map(_auftragListFromSnapshot);
}
}

当留下这样的代码时，它在这一行给我一个错误：

 final DatabaseService databaseService = Provider.of<DatabaseService()>(context);

在我的 tab1.dart 课程中。它在“上下文”和“错误：比较表达式不能是另一个比较表达式的操作数”以及“错误：未定义运算符'

也许你知道该怎么做。我想我只是把这条线放在了错误的地方。

### 编辑 (3) ### （例外）

════════ 小部件库捕获的异常════════════════════════════════ ═════════════════════ 在构建 _BodyBuilder 时抛出了以下断言：在 _Tab1State.initState() 完成之前调用了dependOnInheritedWidgetOfExactType>() 或dependOnInheritedElement()。

当继承的小部件发生变化时，例如，如果 Theme.of() 的值发生变化，则重新构建其依赖的小部件。如果依赖小部件对继承小部件的引用在构造函数或 initState() 方法中，则重建的依赖小部件将不会反映继承小部件中的更改。

通常对继承的小部件的引用应该出现在小部件的 build() 方法中。或者，可以将基于继承的小部件的初始化放在 didChangeDependencies 方法中，该方法在 initState 之后以及此后依赖关系发生变化时调用。

相关的导致错误的小部件是：脚手架文件:///Users/xxxxxxxxxxxxxxx/AndroidStudioProjects/promi_prototype/lib/screens/home/tab_containter_indexedstack.dart:36:13 抛出异常时，这是堆栈：

0 StatefulElement.dependOnInheritedElement。 (包:flutter/src/widgets/framework.dart:4467:9)

1 StatefulElement.dependOnInheritedElement（包：flutter/src/widgets/framework.dart:4510:6）

2 StatefulElement.inheritFromElement (package:flutter/src/widgets/framework.dart:4458:12)

3 Element.inheritFromWidgetOfExactType (package:flutter/src/widgets/framework.dart:3556:14)

4 Provider.of (package:provider/src/provider.dart:259:19)

它说，相关的导致错误的小部件是：tab_containter_indexedstack.dart，我已经在帖子的开头发布了这段代码。模拟器现在只显示蓝色背景，底部有标签栏。其他选项卡上没有文本（以前工作过），并且 tab1 上没有错误警告。甚至没有标题。

你好！！ :)

### 编辑（4）###

我的上帝 xD 很抱歉没有工作......感谢您仍然提供帮助！

让我们开始我的错误信息：

在构建 Provider>>(dirty, state: 颤振：_DelegateWidgetState#eb784）： flutter：尝试使用带有 Listenable/Stream (Stream>) 子类型的 Provider。扑： flutter：这可能是一个错误，因为 Provider 不会自动更新依赖项颤振：当 Stream> 更新时。相反，请考虑将 Provider 更改为更具体的 flutter：处理更新机制的实现，如：扑：颤振：-ListenableProvider 颤振： - ChangeNotifierProvider 颤振：-ValueListenableProvider 颤振：-StreamProvider 相关的导致错误的小部件是：颤振：提供者>> 颤振：file:///Users/xxxxxxxxxxxx/AndroidStudioProjects/promi_prototype/lib/screens/my_tabs/tab1.dart:33:13

所以 tab1.dart 中的 Provider 仍然存在问题。我的猜测是更改 AuftragList() 中的 Provider 的东西，因为我在那里使用它的“旧”方式，如 Provider.of>(context)，就像你在 18 小时前的编辑中提到的那样。

这就是我所做的（之前被注释掉了）：

class AuftraegeList extends StatefulWidget {
  @override
  _AuftraegeListState createState() => _AuftraegeListState();
}

class _AuftraegeListState extends State<AuftraegeList> {

  DatabaseService databaseService ;

  @override
  Widget build(BuildContext context) {

    databaseService = Provider.of<DatabaseService>(context);
   // final auftraege = Provider.of<List<Auftrag>>(context);

    return ListView.builder(
       // itemCount: auftraege.length,
       // itemBuilder: (context, index){
          itemCount: databaseService.length, //RED MARK HERE
          itemBuilder: (context, index){
      return AuftragTile(auftrag: databaseService[index]); //RED MARK HERE
    },
    );
  }
}

我认为现在可以了，但我在“.lenght”和“[index]”下得到了红色标记。编译器说，我应该在 helpers/database.dart 中创建一个 getter，这就是我当时尝试的方法。但没有成功。然后我删除了那里的吸气剂。

你有什么想法吗？即使编译器说问题在 tap1.dart 中，更改 AuftraegeList() 中的 Provider 是否正确？

【问题讨论】：

您是否使用提供程序包包装了材料小部件？

标签： list flutter dart tabbar provider

【解决方案1】：

编辑由于您没有立即使用 Home 类中的 Stream 提供程序的值，因此您可以使用 Provider 代替，如下所示；

class  Home extends StatelessWidget {

  final AuthService _auth = AuthService();
  @override
  Widget build(BuildContext context) {
    return Provider(
                  create: (context) => DatabaseServices(), 
                  child: TabContainerIndexedStack()
     );
   },
 }

然后当你需要列表时，你必须调用Service 类的提供者而不是列表

final DatabaseService databaseService = Provider.of<DatabaseService>(context);

然后您可以访问列表的实例，例如

databaseService.auftraege

编辑 1

假设您在 home 类中有提供程序，不需要再次将提供程序包装在 AuftraegeList() 周围。这是你应该做的。

class _Tab1State extends State<Tab1> with AutomaticKeepAliveClientMixin<Tab1> {


  final DatabaseService databaseService; 

  @override
  void initState() {
    databaseService = Provider.of<DatabaseService>(context);
    super.initState();
    print('initState Tab1');
  }

  @override
  Widget build(BuildContext context) {
    print('build Tab1');
    return Scaffold(
      appBar: AppBar(
        title: Text('Tab1'),
      ),
      body:
        // The use the list directly in this class where needed like `databaseService.auftraege` 
        child: AuftraegeList(),
      )
    );
  }


  @override
  bool get wantKeepAlive => true;
}

注意

在有状态小部件中，BuildContext 在initState 方法和build 方法中可用。所以你可以在这些方法中使用BuildContext，除非你隐式传递它。
如果您需要AuftragList() 类中的列表，请获取一个实例使用Provider.of<DatabaseService>(context) 的列表
如果您需要列表在有需求时自动更新，您可以使用StreamSubscription 来收听需求流并添加到列表中。
当调用provider of 时传递数据类型而不是类。那是Provider.of<DatabaseService>(context) 而不是Provider.of<DatabaseService()>(context)。

编辑 2

既然您正在为您的列表获取流，请使用 steamBuilder 来构建您的 Ui

class AuftraegeList extends StatefulWidget {
  @override
  _AuftraegeListState createState() => _AuftraegeListState();
}

class _AuftraegeListState extends State<AuftraegeList> {

  DatabaseService databaseService ;

  @override
  Widget build(BuildContext context) {

    databaseService = Provider.of<DatabaseService>(context);
   // final auftraege = Provider.of<List<Auftrag>>(context);

    return StreamBuilder<List<Auftrag>>( 
        stream: databaseService.auftraege,
        builder: (context, snapshot) {
             if (snapshot.hasData) {
              return  ListView.builder(
                   itemCount: snapshot.data.length, 
                   itemBuilder: (context, index){
                       return AuftragTile(auftrag: snapshot.data[index]);
                  } 
              );
             }else if(snapshot.hasError){
               return Center(child: Text("An error Errored");
             }
             return Center(child: CircularProgessIndicator();
      },

    );
  }
}

希望这可行。

【讨论】：

谢谢 Loic Fonkam！但不知何故，用 > 替换 [] 是行不通的。我在顶部编辑了我的主要问题并添加了代码，它显示了我的列表（没有标签栏）。
好的 Loïc Fonkam，感谢您的努力！我尝试按照您的步骤操作，几乎完成但仍然无法正常工作。我再次编辑了上面的主要帖子，所以你知道我改变了什么。它在“编辑（2）！！！最新编辑：”下的所有内容：
使用参数listen:flase like databaseService = Provider.of<DatabaseService>(context, listen: false); 如果还是报错，则将databaseService的初始化从initState移到build方法
嗯尝试了很多事情，但不知何故仍然无法正常工作。在“'###编辑（4）###”下的主要帖子中的详细说明