list - 错误：找不到正确的提供者> 在这个 Widget 上方
问题描述
我正在尝试制作一个按钮标签栏，在第一个 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 build body [] 更改为 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 课程中。它在“上下文”和“错误：比较表达式不能是另一个比较表达式的操作数”以及“错误：未定义运算符'<'类'T函数（BuildContext，{listen：bool}）'。”
也许你知道该怎么做。我想我只是把这条线放在了错误的地方。
### 编辑（3）###（例外）
════════ 小部件库捕获的异常═════════════════════════════␕════════════ ══════════════════ 构建_BodyBuilder时抛出了以下断言：在_Tab1State.initState()完成之前调用了dependOnInheritedWidgetOfExactType>()或dependOnInheritedElement()。
当继承的小部件发生变化时，例如，如果 Theme.of() 的值发生变化，则重新构建其依赖的小部件。如果依赖小部件对继承小部件的引用在构造函数或 initState() 方法中，则重建的依赖小部件将不会反映继承小部件中的更改。
通常，对继承的小部件的引用应该出现在小部件 build() 方法中。或者，可以将基于继承的小部件的初始化放在 didChangeDependencies 方法中，该方法在 initState 之后以及此后依赖关系发生变化时调用。
相关的导致错误的小部件是： Scaffold file:///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（包：provider/src/provider.dart:259:19）
它说，相关的导致错误的小部件是：tab_containter_indexedstack.dart，我已经在帖子的开头发布了这段代码。模拟器现在只显示蓝色背景，底部有标签栏。其他选项卡上没有文本（以前工作过），并且 tab1 上没有错误警告。甚至没有标题。
问候！！:)
.
.
.
### 编辑（4）###
哦，我的上帝 xD 很抱歉没有工作……感谢您仍然提供帮助！
让我们开始我的错误信息：
在构建 Provider>>(dirty, state: flutter: _DelegateWidgetState#eb784) 时抛出了以下断言：flutter: 试图使用具有 Listenable/Stream (Stream>) 子类型的 Provider。flutter: flutter: 这很可能是一个错误，因为 Provider 不会自动更新依赖 flutter: 当 Stream> 更新时。相反，考虑为更具体的flutter：更改Provider：处理更新机制的实现，例如：flutter：flutter：-ListenableProviderflutter：-ChangeNotifierProviderflutter：-ValueListenableProviderflutter：-StreamProvider相关的导致错误的小部件是：flutter：Provider> > 颤振：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 是否正确？
.
解决方案
编辑由于您没有立即在Home类中使用 Stream 提供程序的值，因此您可以使用 aProvider代替，如下所示；
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
假设您在家庭类中有提供程序，则不需要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中可用。因此，除非您隐式传递它，否则您可以使用这些方法。initStatebuildBuildContext - 如果您需要
AuftragList()类中的列表，则使用获取列表的实例Provider.of<DatabaseService>(context) - 如果您需要列表在需求项可用时自动更新，您可以使用 a
StreamSubscription来收听需求流并添加到列表中。 - 调用时
provider of传递 dataType 而不是类。那是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();
},
);
}
}
希望这有效。
推荐阅读
- java - 使用 NetBeans 8.2 创建 Maven 企业应用程序
- mysql - 为 Google Cloud SQL 实例启用“仅允许 SSL 连接”并从配置 SSL 的 Spring 应用程序连接到它
- html - 如何在Angular4中的两行产品之间留出空间
- javascript - 在段落内的 JSX 字符串中添加新行 - React
- angular - ABP：Internet Explorer 在登录时抛出错误
- docker - 如何在 Dockerfile 中定义 docker commit 消息
- python - python3在初始化时访问生成器中的类属性
- mysql - 排序规则的非法混合（latin1 和 utf8）
- angular - Angular / SCSS 图像 url 相对
- c# - C# 实体框架无效列