时间戳

首页 > 解决方案 > flutter_bloc 子小部件关闭父小部件的块

flutter - flutter_bloc 子小部件关闭父小部件的块

问题描述

我正在使用 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();
  }

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

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

标签： flutterblocflutter-bloc

解决方案

好吧，你做错了几件事：

  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());

推荐阅读