Flutter setState更新值后，插值字符串显示未变化问题排查

• 先确认selectedSubCategoryTitle是State类的成员变量，不能是build方法里的局部变量。如果是局部变量，每次组件重建都会重新初始化，自然不会显示更新后的值。正确的定义方式如下：

  class _SavingItemScreenState extends State<SavingItemScreen> {
    String selectedSubCategoryTitle = ''; // 成员变量，声明在类内部、build方法外
    List<ExpenseSubcategory> subcategories = [...];
    // ...其他代码
  }
  

• 检查setSelectedCategory函数里的赋值逻辑，确保selectedSubCategoryTitle确实被设置为选中项的标题。可以添加打印语句验证：

  void setSelectedCategory(ExpenseSubcategory item) {
    // 重置所有子分类的选中状态
    for (var cat in subcategories) {
      cat.isSelected = cat == item;
    }
    // 更新选中标题
    selectedSubCategoryTitle = item.title;
    print('当前选中标题：$selectedSubCategoryTitle'); // 查看控制台输出是否符合预期
  }
  

• 确认setState的调用方式正确，必须在用户交互（比如点击事件）中，用setState包裹setSelectedCategory的调用，确保状态修改后触发UI重建：

  // 示例：点击图标触发选中操作
  GestureDetector(
    onTap: () {
      setState(() {
        setSelectedCategory(subcategory);
      });
    },
    child: Icon(
      Icons.category,
      color: subcategory.isSelected ? Colors.blue : Colors.grey,
    ),
  )
  

• 最后检查Text组件的插值代码，确保没有写错变量名，比如：

  Text('当前选中：$selectedSubCategoryTitle')
  

  避免误写成其他未更新的变量。

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