flutter源码分析——provider的原理

最新推荐文章于 2024-05-04 16:12:54 发布

TAING要一直努力

最新推荐文章于 2024-05-04 16:12:54 发布

阅读量483

点赞数

分类专栏： flutter 文章标签： flutter

本文链接：https://blog.csdn.net/m0_46532143/article/details/113408879

版权

本文深入探讨Flutter中Provider库的工作原理，分析其如何实现状态共享及触发更新。通过WidgetTree和Element树的变化，揭示Provider利用InheritedWidget特性进行状态管理。在触发更新时，通过notifyListeners()调用监听器，标记需要更新的依赖组件，实现视图刷新。

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

提出问题

import 'package:flutter/material.dart';
import 'package:provider/provider.dart';

class TestProviderWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MultiProvider(
        providers: [ChangeNotifierProvider(create: (_) => TestModel())],
        child: Column(
          children: [TestChildWidget1(), TestChildWidget2()],
        ));
  }
}


class TestChildWidget1 extends StatelessWidget {
  var provider;
  @override
  Widget build(BuildContext context) {
    provider ??= Provider.of<TestModel>(context);
    return Column(
      children: [
        Text("child1"),
        FlatButton(
          child: Text("num加1"),
          onPressed: () {
            provider.increase();
          },
        ),
        Text("${provider.num}"),
      ],
    );
  }
}

class TestChildWidget2 extends StatelessWidget {
  var provider;
  @override
  Widget build(BuildC