颤振提供程序在导航到另一个屏幕时失去价值

Question

我是Flutter和provider package新手，所以任何帮助都会很棒，所以我有我的main.dart文件

的问题如下：

void main() => runApp(
MaterialApp(
debugShowCheckedModeBanner: false,
theme: ThemeData.light(),
home: ChangeNotifierProvider(
create: (_) => InterestingMomentProvider(),
child: Home(),
),
),
);

这构建了我的Home小部件，我不会全部发布，因为它非常大，但是，发生的情况是我单击一个按钮，它将字符串传递给提供程序类，并将其添加到列表中，概述如下：

import 'package:flutter/widgets.dart';
class InterestingMomentProvider extends ChangeNotifier {
List<String> _moments = [];
List<String> get moments => _moments;
void addMoment(String time){
_moments.add(time);
}
int momentsTotal(){
return _moments.length;
}
}

在 addMoment 方法上添加一个断点，我可以确认_moments具有所有字符串。

然后我按下一个按钮导航到另一个屏幕，导航代码如下：

Navigator.push(context, MaterialPageRoute(builder: (context) => MomentsRecorded()),);

记录的时刻小部件如下：

class MomentsRecorded extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Moments'),
centerTitle: true,        
),
body: Center(
child: MomentsList()
),
);
}
}

第一个错误是：

Could not find the correct Provider<InterestingMomentProvider> above this Consumer<InterestingMomentProvider> Widget
To fix, please:
* Ensure the Provider<InterestingMomentProvider> is an ancestor to this Consumer<InterestingMomentProvider> Widget
* Provide types to Provider<InterestingMomentProvider>
* Provide types to Consumer<InterestingMomentProvider>
* Provide types to Provider.of<InterestingMomentProvider>()
* Always use package imports. Ex: `import 'package:my_app/my_code.dart';
* Ensure the correct `context` is being used.

然后，我将正文调整为如下所示，错误消失了：

body: Center(
child: ChangeNotifierProvider(
create: (_) => InterestingMomentProvider(),
child: MomentsList())
),

但是在 MomentLists小部件中，我尝试从提供程序类中循环访问时刻列表，但是当调试时_moments为 0 ？

时刻列表小部件：

class MomentsList extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Consumer<InterestingMomentProvider>(
builder: (context, momentData, child){
return momentData.momentsTotal() > 0 ? ListView.builder(
itemCount: momentData.momentsTotal(),
itemBuilder: (BuildContext context, int index) {
final moment = momentData.moments[index];
return ListTile(
title: Text(moment),
);
}
) : Center(child: Text('no moments recorded'),);
}
);
}
}

有人可以解释一下为什么会这样吗？

Answer 1

这种情况正在发生，因为您的提供程序是在MaterialApp的属性中定义的home因此当您更改路由时，提供程序也将被删除。

解决方案：将提供程序移动到 MaterialApp 上方，如下所示：

void main() => runApp(
ChangeNotifierProvider(
create: (_) => InterestingMomentProvider(),
child: MaterialApp(
debugShowCheckedModeBanner: false,
theme: ThemeData.light(),
home: Home()
),
),
);

如果您担心这是不正确的 - 请查看文档，他们也在做同样的事情