Question

我遇到一个问题，我的流生成器仅触发一次。

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

为此，我有一个页面，用户可以在其中确定使用浅色主题还是深色主题。这是在共享首选项时保存到设备中的，然后使用异步，我会将当前值流式传输到我的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;
}

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

Answer 1

更改存储的值后，您的代码中没有看到从SharedPreferences读取数据的方法。您实际上只阅读了一次，因此StreamBuilder仅触发一次。那是有道理的。

要想做您想做的事情，您必须使用一些东西来告诉您小部件状态已在应用程序的其他地方更改。有多种方法可以实现此目的，我不会为您做出选择，因为它会基于意见，因此您可以检查BloC，Provider，ScopedModel，{{ 3}}

Streambuilder只发射一次

1 个答案: