Flutter中在build方法调用Provider加载数据是否高效？

在build方法中触发数据加载的方案非常低效，绝对不推荐

为什么这个方案不可取 #

• build方法会被频繁调用：屏幕旋转、父组件重建、状态变更（如下拉刷新、输入框输入）等场景都会触发build，每次build都判断状态发起请求，极易导致重复的网络请求，浪费带宽和服务器资源，甚至可能引发数据不一致的问题。
• 违反Flutter设计原则：build的职责是根据当前状态生成UI，属于纯逻辑操作，不应该包含网络请求这类有副作用的操作。

推荐实现方案 #

1. 在StatefulWidget的initState中完成首次加载 #

initState是State对象初始化时的回调，只会执行一次，非常适合处理页面的首次数据加载需求。

示例代码：

class HomePage extends StatefulWidget {
  @override
  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  @override
  void initState() {
    super.initState();
    // 获取CategoryProvider实例，listen设为false避免不必要的监听
    final categoryProvider = Provider.of<CategoryProvider>(context, listen: false);
    // 加判断避免重复加载（比如页面重建时）
    if (categoryProvider.loadingStatus != LoadingStatus.loaded && 
        categoryProvider.loadingStatus != LoadingStatus.loading) {
      categoryProvider.fetchAllCategories();
    }
  }

  @override
  Widget build(BuildContext context) {
    return Consumer<CategoryProvider>(
      builder: (ctx, provider, child) {
        switch (provider.loadingStatus) {
          case LoadingStatus.loading:
            return const Center(child: CircularProgressIndicator());
          case LoadingStatus.error:
            return const Center(child: Text('加载失败，请重试'));
          case LoadingStatus.loaded:
            return ListView.builder(
              itemCount: provider.categories.length,
              itemBuilder: (_, index) => ListTile(title: Text(provider.categories[index].name)),
            );
          default:
            return const SizedBox();
        }
      },
    );
  }
}

2. 让CategoryProvider支持外部触发刷新 #

要实现其他模块调用刷新的需求，只需要确保fetchAllCategories()是CategoryProvider的公开方法，其他页面通过Provider获取实例后直接调用即可，不需要依赖UI层的context做额外处理。

示例代码（其他页面调用）：

// 比如在某个页面的按钮点击事件中
ElevatedButton(
  onPressed: () {
    final provider = Provider.of<CategoryProvider>(context, listen: false);
    provider.fetchAllCategories(); // 直接调用刷新数据
  },
  child: const Text('刷新分类'),
)

3. 可选：使用didChangeDependencies处理依赖变化 #

如果你的数据加载依赖于某些InheritedWidget的变化（比如用户登录状态改变后需要重新加载分类），可以在didChangeDependencies中处理，但要注意添加判断条件，避免重复触发：

@override
void didChangeDependencies() {
  super.didChangeDependencies();
  final categoryProvider = Provider.of<CategoryProvider>(context, listen: false);
  // 仅在未加载或依赖变更时触发
  if (categoryProvider.categories.isEmpty) {
    categoryProvider.fetchAllCategories();
  }
}

内容的提问来源于stack exchange，提问作者ayush