如何使用Redux在Flutter中显示snacker (或推送另一个页面)？

dependencies:
  redux: ^4.0.0
  flutter_redux: ^0.7.0

// 定义状态
class AppState {
  final bool showSnackbar;
  final String nextPage;

  AppState({this.showSnackbar = false, this.nextPage = ''});

  AppState copyWith({bool showSnackbar, String nextPage}) {
    return AppState(
      showSnackbar: showSnackbar ?? this.showSnackbar,
      nextPage: nextPage ?? this.nextPage,
    );
  }
}

// 定义Reducer函数
AppState appReducer(AppState state, dynamic action) {
  if (action is ShowSnackbarAction) {
    return state.copyWith(showSnackbar: true);
  } else if (action is PushPageAction) {
    return state.copyWith(nextPage: action.page);
  }
  return state;
}

// 创建Redux Store
final store = Store<AppState>(
  appReducer,
  initialState: AppState(),
);

// 显示snackbar的Action
class ShowSnackbarAction {}

// 推送页面的Action
class PushPageAction {
  final String page;

  PushPageAction(this.page);
}

// 在Widget中使用Redux Store
class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return StoreProvider<AppState>(
      store: store,
      child: StoreConnector<AppState, bool>(
        converter: (store) => store.state.showSnackbar,
        builder: (context, showSnackbar) {
          if (showSnackbar) {
            ScaffoldMessenger.of(context).showSnackBar(
              SnackBar(
                content: Text('Hello, Redux!'),
              ),
            );
            // 重置状态
            store.dispatch(ShowSnackbarAction());
          }
          return Container();
        },
      ),
    );
  }
}

// 在按钮点击事件中分发Action
store.dispatch(ShowSnackbarAction());
store.dispatch(PushPageAction('next_page'));