Flutter扩展功能插件tbib_bloc_extensions的使用

Flutter扩展功能插件tbib_bloc_extensions的使用

使用此扩展可以不通过上下文获取您的BLoC。

注意 v1.0.2 解决无法在runApp中获取BLoC的问题

// 1- 需要创建导航键 
GlobalKey<NavigatorState> navigatorKey = GlobalKey<NavigatorState>();

// 2 在MaterialApp或CupertinoApp中
MitXMaterialApp(
    navigatorKey: navigatorKey,
    ...
    builder: (context, child) {
        TBIBBlocExt.init(navigatorKey);
        ...
        return child!;
    }
);

使用方法

// 不要使用BlocProvider()，而是使用BlocProviderContext
BlocProviderContext(
    create: (context) => YourBloc(),
    child: child
);

当需要获取您的BLoC时

// 不要使用BlocProvider.of<YourBloc>(context)，而是使用
BlocExt.getBloc<YourBloc>();

查看库的工作原理

// widget BlocProviderContext
@Override
Widget build(BuildContext context) {
    return BlocProvider(
        create: create,
        child: Builder(builder: (context) {
            BlocExt.setBlocContext = context; // 看，我获取了您的上下文并将其发送到静态变量
            return child;
        }),
    );
}

BlocExt.getBloc<YourBloc>() // 它使用BlocProvider.of<T>(_blocContext)

示例代码

以下是一个完整的示例代码：

import 'package:example/bloc/my_bloc_bloc.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:tbib_bloc_extensions/tbib_bloc_extensions.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  // 此小部件是您的应用程序的根。它是有状态的，这意味着
  // 它有一个包含影响其外观的字段的状态对象。
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        // 这是您的应用程序的主题。
        //
        // 尝试运行您的应用程序，例如使用"flutter run"。您会看到
        // 应用程序有一个蓝色工具栏。然后，在不停止应用程序的情况下尝试
        // 将主色更改为Colors.green并调用
        // "热重载"(在运行"flutter run"的控制台中按"r"，或者简单地保存更改以进行"热重载")。
        // 注意计数器没有重置回零；应用程序
        // 没有重新启动。
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: '获取BLoC而无需上下文'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  // 这个小部件是您的应用程序的主页。它是有状态的，意味着
  // 它有一个状态对象（定义如下），该对象包含影响其外观的字段。
  // 小部件子类中的字段总是标记为"final"。

  final String title;

  const MyHomePage({super.key, required this.title});

  [@override](/user/override)
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  [@override](/user/override)
  Widget build(BuildContext context) {
    // 此方法每次调用setState时都会被重新运行，例如由上面的_incrementCounter方法所做。
    //
    // Flutter框架已优化为使重建方法快速运行，因此您可以只需重建任何需要更新的东西，
    // 而不必逐个更改小部件实例。
    return Scaffold(
        appBar: AppBar(
          // 这里我们从MyHomePage对象中获取值，该对象是由
          // App.build方法创建的，并用于设置我们的应用栏标题。
          title: Text(widget.title),
        ),
        body: BlocProviderContext(
          create: (context) => MyBlocBloc(),
          child: Center(
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                BlocBuilder<MyBlocBloc, MyBlocState>(
                  builder: (context, state) {
                    MyBlocBloc bloc = MyBlocBloc.get(context);
                    return Text(
                      bloc.alert,
                      style: const TextStyle(fontSize: 30, color: Colors.blue),
                    );
                  },
                )
              ],
            ),
          ),
        ));
  }
}