Flutter Provider 最优代码写法踩坑

最新推荐文章于 2024-03-14 15:48:56 发布

BlogJavion

最新推荐文章于 2024-03-14 15:48:56 发布

阅读量3.3k

点赞数

分类专栏： Flutter 文章标签： android 源代码

本文链接：https://blog.csdn.net/blogjavion/article/details/123968609

版权

在使用Flutter的Provider时，作者尝试优化MultiProvider的写法，但导致程序运行错误：找不到正确的Provider<CounterNotifier>。通过源码调试，作者发现由于子类覆盖父类的泛型导致问题，修正后的代码为CounterNotifierProvider继承ChangeNotifierProvider并明确指定泛型，从而解决了问题。

摘要由CSDN通过智能技术生成

平常可能大多数人这样写Provider

void main() {
  runApp(MultiProvider(providers: [
    ChangeNotifierProvider(create: (_) => CounterNotifier()),
  ],child: const MyApp()));
}

class CounterNotifier with ChangeNotifier {
  int _count = 0;
  int get count => _count;

  void increment() {
    _count++;
    notifyListeners();
  }

  @override
  void dispose() {
    super.dispose();
  }
}

class _MyHomePageState extends State<MyHomePage> {

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            const Text(
              'You have pushed the button this many times:',
            ),
            Consumer<CounterNotifier>(
              builder: (context, notifier, child) {
                return Text(
                  '${notifier.count}',
                  style: Theme.of(context).textTheme.headline4,
                );
              }
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: (){
          context.read<CounterNotifier>().increment();
        },