使用 GetX 进行 Flutter 状态管理

flutter pub 添加获取

获取.put(某些类());获取.lazyPut(() => SomeClass());

抽象类 CounterRepository {
  常量计数器库（）；
  处方药计数；
  无效增量（）；}类 CounterIncrementOneRepository 扩展 CounterRepository {
  CounterIncrementOneRepository();
  @覆盖
  最终处方计数 = 0.obs；
  最终 int _incrementValue = 1;
  @覆盖
  void increment() => count.value += _incrementValue;}

类 CounterController 扩展 GetxController {
  最终的 CounterRepository 回购；
  计数器控制器（this.repo）；
  void navigateToReverseCounterScreen() {
    Get.offAllNamed(ReverseCounterRoute.name);
  }}

类 CounterBinding 实现绑定 {
  常量计数器绑定（）；
  @覆盖
  无效依赖项（）{
    Get.lazyPut(() => CounterController(CounterIncrementOneRepository()));
  }}

类 CounterRoute {
  常量 CounterRoute._();
  静态常量字符串名称 = '/';
  static const 绑定 binding = CounterBinding();
  static const 小部件屏幕 = CounterScreen();
  静态最终 GetPage 页面 = GetPage(
    姓名：姓名，
    绑定：绑定，
    页面：（）=>屏幕，
  );
  静态 GetPageRoute 获取 pageRoute => GetPageRoute(
        设置：const RouteSettings（名称：名称），
        绑定：绑定，
        页面：（）=>屏幕，
      );}

类 CounterScreen 扩展 StatelessWidget {
  const CounterScreen({Key?key}) : super(key: key);
  @覆盖
  小部件构建（BuildContext 上下文）{
    最终 CounterController 控制器 = Get.find();
    返回脚手架（
      应用栏：应用栏（
        title: const Text('计数器'),
      ),
      身体：中心（
        孩子：专栏（
          mainAxisAlignment：MainAxisAlignment.center，
          孩子们：[
            高架按钮（
              onPressed: controller.navigateToReverseCounterScreen,
              child: const Text('Go to reverse counter screen'),
            ),
            const SizedBox（高度：16），
            常量文本（
              '你已经按下按钮这么多次了：',
            ),
            对象(
              () => 文本(
                '${controller.repo.count.value}',
                样式：Theme.of(context).textTheme.headline4,
              ),
            ),
          ],
        ),
      ),
      浮动操作按钮：浮动操作按钮（
        onPressed: controller.repo.increment,
        工具提示：'增量'，
        孩子：const Icon（Icons.add），
      ),
    );
  }}最终 CounterController 控制器 = Get.find();

无效主要（）{
  runApp(const MyApp());}类 MyApp 扩展 StatelessWidget {
  const MyApp({super.key});
  @覆盖
  小部件构建（BuildContext 上下文）{
    返回 GetMaterialApp(
      title: 'Flutter Getx 演示',
      主题：主题数据（
        primarySwatch: Colors.blue,
      ),
      initialRoute: CounterRoute.name,
      获取页面：[
        CounterRoute.page,
        ReverseCounterRoute.page，
      ],
    );
  }}

抽象类 ReverseCounterRepository {
  const ReverseCounterRepository();
  处方药计数；
  无效递减（）；}类 ReverseCounterDecrementOneRepository 扩展 ReverseCounterRepository {
  ReverseCounterDecrementOneRepository();
  @覆盖
  最终处方计数 = 0.obs；
  最终 int _decrementValue = 1;
  @覆盖
  void decrement() => count.value -= _decrementValue;}

类 MyApp 扩展 StatelessWidget {
  const MyApp({super.key});
  @覆盖
  小部件构建（BuildContext 上下文）{
    返回 GetMaterialApp(
      title: 'Flutter Getx 演示',
      主题：主题数据（
        primarySwatch: Colors.blue,
      ),
      initialRoute: CounterRoute.name, // 主页路由
      getPages: [ // 路由/屏幕在整个应用程序中可用
        CounterRoute.page,
        ReverseCounterRoute.page，
      ],
    );
  }}这里 CounterRoute.page 是静态最终 GetPage 页面 = GetPage(
    name: name, // 这个名字用来分配具名路由
    绑定：绑定，
    页面：（）=>屏幕，
  );导航到命名路线使用Get.toNamed('/some_page');Get.offNamed('/some_page');Get.offAllNamed('/some_page');Get.offNamedUtil('/some_page');

Get.snackbar('This is snackbar', 'This is snackbar message', backgroundColor: Colors.red);

Get.defaultDialog(
   title: '这是对话',
   middleText: '这是中间文本',
   buttonColor: Colors.green,
   textCancel: "取消",
   textConfirm: "确认");

Get.bottomSheet(
 容器（
   孩子：包裹（
     孩子们： [
       列表块(
         领先：图标（Icons.wb_sunny_outlined），
         title: Text("浅色主题"),
         onTap: () => {Get.changeTheme(ThemeData.light())},
       ),
       列表块(
         领先：图标（Icons.wb_sunny），
         title: Text("深色主题"),
         onTap: () => {Get.changeTheme(ThemeData.dark())},
       )
     ],
   ),
 ),
 背景颜色：Colors.green);