从另一个小部件更改一个小部件中的状态

Question

我正在编写一个 Flutter 应用程序，其中向用户展示了一个 PageView 小部件，该小部件允许他/她通过滑动在 3 个“页面”之间导航。

我遵循https://medium.com/flutter-community/flutter-app-architecture-101-vanilla-scoped-model-bloc-7eff7b2baf7e 中使用的设置，我使用单个类将数据加载到我的模型中，这应该反映相应的状态变化 (IsLoadingData/HasData)。

我有一个包含所有 ViewPage 小部件的主页。页面是在 MainPageState 对象中构造的，如下所示：

  @override
  void initState() {
    _setBloc = SetBloc(widget._repository);
    _notificationBloc = NotificationBloc(widget._repository);
    leftWidget = NotificationPage(_notificationBloc);
    middleWidget = SetPage(_setBloc);
    currentPage = middleWidget;
    super.initState();
  } 

如果我们进入 NotificationPage，那么它做的第一件事就是尝试加载数据：

      NotificationPage(this._notificationBloc) {
        _notificationBloc.loadNotificationData();
      }

which should be reflected in the build function when a user directs the application to it:

  //TODO: Consider if state management is correct
  @override
  Widget build(BuildContext context) {
    return StreamBuilder<NotificationState>(
      stream: _notificationBloc.notification.asBroadcastStream(),
      //initialData might be problematic
      initialData: NotificationLoadingState(),
      builder: (context, snapshot) {
        if (snapshot.data is NotificationLoadingState) {
          return _buildLoading();
        }
        if (snapshot.data is NotificationDataState) {
          NotificationDataState state = snapshot.data;
          return buildBody(context, state.notification);
        } else {
          return Container();
        }
      },
    );
  }

发生的情况是，即使在存储库中加载了数据，屏幕也会始终点击“NotificationLoadingState”：

  void loadNotificationData() {
    _setStreamController.sink.add(NotificationState._notificationLoading());
    _repository.getNotificationTime().then((notification) {
      _setStreamController.sink
          .add(NotificationState._notificationData(notification));
      print(notification);
    });
  }

通知是在另一个不是通知页面的页面上打印的。

我做错了什么？

Answer 1

//....

class _SomeState extends State<SomeWidget> {

 //....
 Stream<int> notificationStream;
 //....

 @override
  void initState() {
   //....
    notificationStream = _notificationBloc.notification.asBroadcastStream()
    super.initState();
  } 

    //....
   Widget build(BuildContext context) {
    return StreamBuilder<NotificationState>(
      stream: notificationStream,
     //....    

将您的 Stream 保存在某处并停止每次初始化它。 我怀疑 build 方法被多次调用，因此您创建了一个新流（initState 被调用一次）。

如果这有帮助，请尝试告诉我。