flutter bloc BlocProvider.of(context) 在底部工作表对话框的上下文中

Question

我在父小部件中提供了 bloc 并尝试在底部工作表对话框中访问该 bloc 实例。 在底部工作表对话框中，我有无法访问 bloc 实例的 bloc 构建器。

class HomeScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return BlocProvider<DevicePairBloc>(
      create: (context) => DevicePairBloc(),
      child: DeviceList(),
    );
  }
}

class DeviceList extends StatefulWidget {

  @override
  State<StatefulWidget> createState() => _DeviceListState();
}

class _DeviceListState extends State<DeviceList> {
  void showData(BuildContext context) {
    showModalBottomSheet(
        context: context, builder: (context) => ReadingScreen());
  }

  @override
  Widget build(BuildContext context) {
    return ListView(
      children: <Widget>[
        RaisedButton(onPressed: () => showData(context),),
      ],
    );
  }
}

class ReadingScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return BlocBuilder<DevicePairBloc, DevicePairState>(
      builder: (context, state) {
        return Text("20 mg");
      },);
  }

}

Answer 1

如果你也想在ReadingScreen()中访问同一个块，那么你需要用BlocProvider<DevicePairBloc>包装你的MaterialApp() 。 目前，您已经使用该 bloc 提供程序包装了DeviceList() ，因此它仅供它使用。