-1

我正在使用 flutter_bloc 包。

我有一个带有标签栏的页面。该页面创建一个块并将其提供给用作选项卡内容的小部件。

class _MyScreenState extends State<MyScreen> {
  MyBloc _myBloc;
  ...

  Widget _buildTabBar() {
  ...

    var children = [
    _buildFirstTab()
    _buildSecondTab(),
    ];

    return WillPopScope(
      onWillPop: _onWillPop,
      child: DefaultTabController(
      length: children.length,
      child: Scaffold(
        appBar: PreferredSize(
            preferredSize: Size.fromHeight(75.0),
            child: AppBar(
              bottom: TabBar(isScrollable: true, tabs: tabs),
            )),
        body: TabBarView(
          children: children,
        ),
      ),
    ),
  );
  }
..
}

Widget _buildSecondTab() {
  if (_myBloc == null) {
    _myBloc = MyBloc(<..initialdata..>);
  }
  _myBloc.add(LoadServerDataEvent());

  return BlocProvider<MyBloc>(create: (_) => _myBloc, child: SecondTab());
}

第二个选项卡上的小部件从 BlocProvider 获取块并使用它。

class _SecondTabState extends State<SecondTab> {
  MyBloc _myBloc;

  @override
  void initState() {
    _myBloc = BlocProvider.of<MyBloc>(context);
    super.initState();
  }

我的问题是,当我在选项卡之间切换时,该块会自动关闭。

这有点奇怪,因为该块仍在页面上使用。

4

1 回答 1

1

好吧,你做错了几件事:

  1. 如果您希望您bloc在第一个和第二个选项卡中都可以访问,您应该用它包裹整个选项卡栏,
  2. 很奇怪,你保留一个 bloc 的实例_MyScreenState并用惰性初始化单音做一些魔法if (_myBloc == null) _myBloc = MyBloc()
  3. 大多数情况下_myBloc.add(LoadServerDataEvent());应该initState_SecondTabState.
  4. bloc从 UI 获取初始数据是非常不寻常的。如果你想构建你的架构,blocs这个初始数据应该来自另一个bloc

但是,如果您想为第二个选项卡提供现有bloc的并防止它被关闭,您应该使用:

BlocProvider.value(
  value: _myBloc,
  child: SecondTab(),
);

反而:

BlocProvider<MyBloc>(create: (_) => _myBloc, child: SecondTab());
于 2020-02-06T17:07:05.547 回答