时间戳

首页 > 解决方案 > Streambuilder 只触发一次

flutter - Streambuilder 只触发一次

问题描述

我有一个问题，我的流生成器​​只触发一次。

我正在尝试根据用户选择的主题将我的 bottomNavigationBar 配置为不同的颜色。

为此，我有一个页面，用户可以在其中决定是使用浅色主题还是深色主题。这在共享首选项时保存到设备中，然后使用异步，我会将当前值流式传输到我的底部导航栏。

当我使用流生成器创建两个 if 语句时，就会出现问题。说明如果从流返回的值为 0，我将在底部导航栏显示“灯光模式”。否则，如果它是 1，我将显示一个深色主题。

当我第一次运行程序时一切都很好。但是，在导航到设置页面并更改用户首选项后，流构建器将不会再次加载。这是我的代码的一些快照

我尝试删除流将关闭的 dispose 方法。然而这并没有解决问题。

流生成器

class mainPagev2 extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    // TODO: implement createState
    return _mainPageV2();
  }
}

class _mainPageV2 extends State<mainPagev2>
    with SingleTickerProviderStateMixin {

//  TabController _tabController;
  StreamController<int> streamController = new StreamController.broadcast();

  @override
  void initState() {
    super.initState();
//    _tabController = TabController(vsync: this, length: _pageList.length);
    Stream<int> stream = new Stream.fromFuture(readCurrentTheme());
    streamController.addStream(stream);

  }

  @override
  void dispose() {
//    _tabController.dispose();
    super.dispose();
  }
  String currentColor = "#ab3334";
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return StreamBuilder(
      stream: streamController.stream,
      builder: (context, asyncSnapshot) {
        print(asyncSnapshot.data.toString() + "WHssssAT IS THIS");
        if (asyncSnapshot.hasData) {
          print(asyncSnapshot.error);
          if (asyncSnapshot.data == 0) {
            //Return light themed Container
            currentColor = "#ffffff";
            return ThemeContainer(color: currentColor );
          } else {
            currentColor = "#101424";
            //Return dark themed Container
            return ThemeContainer(color: currentColor );

          }
        } else {
          //return dark themed
          return ThemeContainer(color:currentColor);

        }
      },
    );
//
  }
}

用于检索存储值的异步代码

Future<int> readCurrentTheme() async {
  final prefs = await SharedPreferences.getInstance();
  final key = 'themeMode';
  final value = prefs.getInt(key) ?? 0;
  print('read: $value LOOK AT THISSS');
  return value;
}

预计只要存储的值发生更改，流构建器就会触发！

标签： flutterstream

解决方案

我在您的代码中看不到从SharedPreferences更改存储的值时读取数据的方法。您有效地阅读了一次，因此StreamBuilder仅触发一次。那讲得通。

为了能够做你想做的事，你必须使用一些东西来告诉你小部件的状态已经改变了应用程序的其他地方。有多种方法可以实现这一点，我不会为您做出选择，因为它是基于意见的，因此您可以检查BloC、Provider、ScopedModel、InheritedWidget之类的东西

推荐阅读