Flutter GetX 之 状态管理

import 'package:flutter/material.dart';
import 'package:get/get.dart';
 
class CounterController extends GetxController {
  var count = 0.obs; // 使用 observable 状态
 
  void increment() => count++; // 更新状态的方法
}
 
void main() {
  runApp(MyApp());
}
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return GetMaterialApp(
      home: HomeView(),
    );
  }
}
 
class HomeView extends GetView<CounterController> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Text(
          '${controller.count}', // 使用 controller 访问状态
          style: TextStyle(fontSize: 24),
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: controller.increment, // 使用 controller 调用方法
        child: Icon(Icons.add),
      ),
    );
  }
}

这个简单的示例展示了如何在Flutter应用中使用GetX库进行状态管理。CounterController类定义了一个可观察的状态count和一个修改它的方法increment。HomeView是一个GetView，它展示计数器值并允许用户通过点击floatingActionButton来增加计数。这个例子演示了如何在GetX中创建和使用控制器来管理状态。