Flutter嵌套StreamBuilder调用setState后数据未更新问题求助

问题根因 #

1. 你当前使用的_stream和data两个流没有和Provider的更新逻辑绑定，属于一次性静态流，就算Provider内部数据更新，流也不会推送新值，所以StreamBuilder拿到的永远是首次加载的旧数据。
2. 异步方法getthemedat放在StreamBuilder的builder回调中执行属于逻辑错误：builder是纯UI构建函数，每次组件重绘都会触发调用，会导致重复发起异步请求，引发时序问题和资源浪费。
3. 已经使用Provider做全局状态管理的前提下，嵌套StreamBuilder属于冗余实现，反而增加了状态同步的复杂度。

解决方案 #

方案一：移除冗余StreamBuilder，直接用Provider监听更新（更推荐，代码更简洁） #

所有状态已经维护在Provider的quotesdata实例中，直接用Consumer监听Provider的变化即可，不需要额外用Stream做封装：

// 直接用Consumer监听quotesdata的变化
Consumer<QuotesData>(
  builder: (context, quotesdata, child) {
    // 直接取Provider内维护好的lines和themebg
    if (quotesdata.lines.isEmpty || quotesdata.themebg == null) {
      return const SizedBox.shrink();
    }
    return Screenshot(
      controller: screenshotController,
      child: Stack(
        children: [
          Container(
            height: size.height,
            decoration: BoxDecoration(
              image: DecorationImage(
                image: NetworkImage(quotesdata.themebg!.backgroundImageUrl),
                fit: BoxFit.cover,
              ),
            ),
          ),
          ScreenShotWidget(
            homeViewModel: quotesdata,
            list: quotesdata.lines,
          ),
        ],
      ),
    );
  },
)

把数据加载逻辑放到页面的生命周期回调中，不要放在build方法里：

@override
void initState() {
  super.initState();
  // 页面首次加载时拉取初始数据
  WidgetsBinding.instance.addPostFrameCallback((_) {
    final quotesdata = Provider.of<QuotesData>(context, listen: false);
    quotesdata.fetchdata(context);
    quotesdata.getthemedat(context);
  });
}

// 从其他页面返回时触发数据刷新，拿到最新的SharedPreference存储值
@override
void didChangeDependencies() {
  super.didChangeDependencies();
  final quotesdata = Provider.of<QuotesData>(context, listen: false);
  quotesdata.fetchdata(context);
  quotesdata.getthemedat(context);
}

方案二：保留StreamBuilder实现，修正流定义 #

如果一定要保留StreamBuilder的写法，需要把Provider的状态变化同步到流中：

1. 在Provider类中定义广播流，每次状态更新时同时往流中推送新值：

// Provider类内新增流控制器
final _themeController = StreamController<BackgroundTheme?>.broadcast();
Stream<BackgroundTheme?> get themeStream => _themeController.stream;

final _linesController = StreamController<List<String>>.broadcast();
Stream<List<String>> get linesStream => _linesController.stream;

// 修改getthemedat方法，新增流推送逻辑
Future<BackgroundTheme?> getthemedat(BuildContext context) async {
  // 原有业务逻辑不变
  print('${themebg!.backgroundImageUrl}');
  _themeController.add(themebg); // 往流中推送新的主题数据
  notifyListeners();
  return themebg;
}

// 修改fetchdata方法，新增流推送逻辑
Future<List<String>> fetchdata(BuildContext context) async {
  // 原有业务逻辑不变
  _linesController.add(lines); // 往流中推送新的文本数据
  notifyListeners();
  return lines;
}

// Provider销毁时关闭流控制器，避免内存泄漏
@override
void dispose() {
  _themeController.close();
  _linesController.close();
  super.dispose();
}

2. 修改StreamBuilder的stream引用，同时移除builder中的异步调用：

StreamBuilder<List<String>>(
  // 引用Provider内的lines流
  stream: Provider.of<QuotesData>(context, listen: false).linesStream,
  builder: (context, AsyncSnapshot snapshot) {
    if (snapshot.hasData) {
      List<String> lines = snapshot.data;
      // 删掉此处的quotesdata.getthemedat(context)调用
      return Screenshot(
        child: Stack(
          children: [
            StreamBuilder<BackgroundTheme?>(
              // 引用Provider内的主题流
              stream: Provider.of<QuotesData>(context, listen: false).themeStream,
              builder: (context, AsyncSnapshot snapshot) {
                if (snapshot.hasData) {
                  BackgroundTheme databg = snapshot.data as BackgroundTheme;
                  return Container(
                    height: size.height,
                    decoration: BoxDecoration(
                        image: DecorationImage(
                            image: NetworkImage(
                              databg.backgroundImageUrl,
                            ),
                            fit: BoxFit.cover)),
                  );
                } else {
                  return Container(
                    height: size.height,
                  );
                }
              }),
            ScreenShotWidget(
              homeViewModel: quotesdata,
              list: lines,
            ),
          ],
        ),
        controller: screenshotController,
      );
    } else {
      return Container();
    }
  }),

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