Flutter不可变Widget如何存储可变状态？附示例说明

警告：Prefer const with constant constructors

原因与解决方案 #

• 问题代码：Text("dd")
• 优化方案：const Text("dd")

StatefulWidget实例本身是不可变的，其可变状态要么存储在由createState方法创建的独立State对象中，要么存储在State所订阅的对象（例如Stream或ChangeNotifier对象）中，这些对象的引用存储在StatefulWidget的final字段中。

示例说明：Widget如何通过createState或订阅对象存储可变状态？ #

代码分析：找出以下代码中的可变字段 #

class CategoryScreen extends StatefulWidget {
  String productId;

  CategoryScreen(this.productId);

  @override
  CategoryScreenState createState() => CategoryScreenState();
}

class CategoryScreenState extends State<CategoryScreen> {
  List<Item> _data = [];

  CategoryController controller = Get.put(CategoryController());

  void someMethod(int panelIndex) {
    setState(() {
       controller.selectedCategoryIndex.value = panelIndex;
    });
  }
}

分析结果： #

1. CategoryScreen中的productId：未被final修饰，属于可修改字段，但StatefulWidget实例要求不可变，因此这个写法不符合规范，应改为final String productId;。
2. CategoryScreenState中的_data：这是State对象内的可变状态，属于Flutter允许的范畴——State的核心作用就是存储Widget的可变状态，后续可通过setState更新它触发UI重建。
3. CategoryController中的selectedCategoryIndex：这是State订阅的可观察对象（GetX Controller本质是类似ChangeNotifier的状态管理类），它的value是可变状态。修改该值可在不直接操作State字段的情况下更新UI，符合StatefulWidget的状态管理规范。

内容的提问来源于stack exchange，提问作者Aquarius_Girl