Flutter使用Provider之Cosumer和Selector

使用Selector和Cosumer都可以不同程度的避免rebuild,下面两个案例,使用Selector最佳

    return Selector<MealPModel,List<MealsDetail>>(
      selector: (context,model)
      {
        return model.meals.where((element)
        {
          return element.id == "m1";
        }).toList();
      },
      shouldRebuild: (pre,next) => pre != next,//判断是否要rebuild
      builder: (context,model,child){
        return ListView.builder(
          itemCount: model.length,
          itemBuilder: (context,index){
            return Text(model[index].title);
          },
        );
      },
    );
    return Consumer<MealPModel>(
      builder: (context,model,child){
        final meals = model.meals.where((element) => element.id == "m1").toList();
        return ListView.builder(
          itemCount: meals.length,
          itemBuilder: (context,index){
            return Text(meals[index].title);
          },
        );
      },
    );
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容