Flutter和Getx状态管理-列表视图更改

import 'package:flutter/material.dart';
import 'package:get/get.dart';

class ListController extends GetxController {
  var items = List<String>.empty(growable: true).obs;

  void addItem(String item) {
    items.add(item);
  }
}

void main() {
  runApp(GetMaterialApp(
    home: Scaffold(
      appBar: AppBar(title: Text('Getx List Example')),
      body: ListScreen(),
      floatingActionButton: FloatingActionButton(
        onPressed: () => Get.find<ListController>().addItem('New Item'),
        child: Icon(Icons.add),
      ),
    ),
  ));
}

class ListScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final controller = Get.put(ListController());
    return Obx(() => ListView.builder(
          itemCount: controller.items.length,
          itemBuilder: (context, index) {
            return ListTile(title: Text(controller.items[index]));
          },
        ));
  }
}

// 错误的做法
controller.items.add('New Item');

// 正确的做法
controller.addItem('New Item');