第一百零五回全局共享数据之Selector

关注

原创最新推荐文章于 2026-03-10 01:30:28 发布 352 阅读 AI 写同款· GEO 优化 ›

【Flutter文件操作】File_selector全攻略：本地文件读写看这一篇就够了在Flutter跨平台开发中，文件操作是常见的需求场景。官方推荐的插件完美解决了各平台（Android/iOS/Windows/macOS/Linux/Web）文件操作的兼容性问题。本文将带你全面掌握这个"万能文件选择器"的使用技巧，包含完整代码示例和平台适配方案。"告别平台差异，一个API搞定全平台文件操作！阅读详情

文章目录

知识回顾
使用方法
示例代码

我们在上一章回中介绍了 组件之间共享数据相关的内容，本章回中将继续介绍该内容.闲话休提，让我们一起Talk Flutter吧。

知识回顾

我们在前面章回中介绍了全局共享数据相关的内容，当时介绍了获取共享数据的三种方法，本章回将介绍其中的一种方法：使用Selector获取共享数据。

使用方法

Selector是一个Widget,它提供了builder,selector，shouldRebuild和child四个属性，一方面它可以转换数据类型,另一方面它可以获取共享数据。

我们可以通过selector属性获取到共享数据类型的对象，然后就可以使用共享类型提供的getter方法获取对象中的共享数据,把共享数据转换后再返回给builder属性。

我们重点介绍Selector的builder属性，selector属性和shouldRebuild属性，前两个属性都是必选属性，也就是说我们必须给这些属性赋值。

builder属性

该属性是方法类型，方法中包含三个参数，方法返回Widget对象，该方法和Consumer中buidler属性对应的方法相似，不同的地方只方法中第二个参数的类型，该方法中三个参数的详细功能如下：

context：主要用来创建Widget,为创建Widget提供上下文环境；
value：是泛型类型，它用来表示转换数据类型后的对象；
child：表示Selector组件的子组件，因此它代表的对象和Selector组件的child属性代表的对象相同；

selector属性

该属性是方法类型，方法中包含两个参数，方法返回转换后的数据类型，下面是该方法的函数原型和相关参数的详细介绍：

///函数原型
S Function(BuildContext, A) selector,

BuildContext：主要用来创建Widget,为创建Widget提供上下文环境；
A：它是泛型类型，它用来表示共享数据对象，通过该对象的getter方法可以获取到共享数据，然后就可以转换数据类型；
S:它是泛型类型，它用来表示转换数据类型后的对象，它和builder属性中的第二个参数类型相同；

shouldRebuild属性

该属性是方法类型，方法中包含两个参数，方法返回true或者false.返回值表示是否更新组件以及组件中的共享数据。该属性是可选属性，默认返回false.下面是该方法的函数原型和相关参数的详细介绍：

///函数原型
bool Function(T previous, T next)

previous:它是泛型类型，它用来表示转换前数据类型的对象；
next:它是泛型类型，它用来表示转换后数据类型后的对象；

注意：这两个属性的类型相同，表示把共享数据类型转换后的数据类型，也就是selecttor属性中的S。

child属性

该属性表示Selector中的子组件，它和builder属性对应方法中的child参数相同。

介绍完组件中所有属性相关的内容后，我们通过具体的代码来演示它的使用方法。

示例代码

class WidgetC extends StatelessWidget {
  const WidgetC({
    super.key,
  });

  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Selector<ViewModel, ViewModelAfterTranslate>(
      ///把新类型中数据通过child显示出来
      builder: (context, viewModelAnother,child) {
        print('builder of Selector of Widget C running');
        return Text('Widget C data: ${viewModelAnother.getIntData}');
      },
      ///在selector中进行数据类型转换，通过参数传入原类型，在方法中转换后返回新类型
      selector: (context, viewModel) {
        ViewModelAfterTranslate obj = ViewModelAfterTranslate();
        ///依据共享数据的值来转换数据,转换后的数据通过builder属性显示出来
        /// 字符串是通过button修改产生的，这里写成固定的值，实际项目中不能这样写
        if(viewModel.getData == 'change data') {
          obj.setIntData = 1;
        }else if(viewModel.getData == 'another value'){
          obj.setIntData = 2;
        }else {
          obj.setIntData = 0;
        }
        return obj;
      },
      ///可以配置是否需要更新数据，默认值为false,它是可选属性
      ///注意方法中的参数类型是新数据类型，也就是转换后的数据类型
      // shouldRebuild:(previous,next) => true,
      shouldRebuild:(previous,next) {
        print(' prev: ${previous.getIntData}, next: ${next.getIntData}');
        if (previous.getIntData == next.getIntData) {
          return false;
        } else {
          return true;
        }
      },
      ///没有使用该属性
      child: Text('child'),
    );
  }
}