基于ListWheelScrollView更新文本失效：变量变更但UI未刷新

核心排查点及解决方案 #

1. 检查prompt变量的定义位置 #

必须确保prompt是State类的成员变量，而非build方法内的局部变量。如果在build里重新赋值prompt，每次组件重建时都会覆盖setState更新的值，导致Text显示不变。

错误示例（会引发问题）：

@override
Widget build(BuildContext context) {
  String prompt = promptList[0]; // 每次build都会重置变量
  return ...;
}

正确写法：

class _MyWidgetState extends State<MyWidget> {
  String prompt = ""; // 成员变量
  final List<String> promptList = ["内容1", "内容2", "内容3"];

  @override
  void initState() {
    super.initState();
    prompt = promptList[0]; // 初始化默认值
  }
  // ...
}

2. 确认promptList的初始化位置 #

不要在build方法内初始化promptList，否则每次组件重建都会生成新的列表实例。将其定义为State类的final成员变量，或在initState中初始化，保证列表的稳定性。

3. 检查Text组件的依赖关系 #

如果Text组件被封装在独立的子Widget中，必须将prompt作为参数传递给子组件，确保子组件能感知到变量变化并重建。如果子Widget是Stateless的，要依赖传入的参数更新；如果是Stateful的，要通过setState或ValueNotifier等方式更新。

4. 避免父级Widget使用const修饰 #

如果Text所在的父级Widget被标记为const，该Widget会被缓存，不会随State变化重建，导致Text无法更新。移除父级的const修饰即可。

完整可运行示例 #

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

class ScrollTextSwitcher extends StatefulWidget {
  const ScrollTextSwitcher({super.key});

  @override
  State<ScrollTextSwitcher> createState() => _ScrollTextSwitcherState();
}

class _ScrollTextSwitcherState extends State<ScrollTextSwitcher> {
  String prompt = "";
  final List<String> promptList = ["清晨的阳光", "午后的微风", "夜晚的星空"];

  @override
  void initState() {
    super.initState();
    prompt = promptList[0];
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            SizedBox(
              height: 150,
              child: ListWheelScrollView(
                itemCount: promptList.length,
                onSelectedItemChanged: (i) {
                  setState(() {
                    prompt = promptList[i];
                    devtools.log(prompt);
                  });
                },
                itemBuilder: (context, index) {
                  return Text(
                    promptList[index],
                    style: const TextStyle(fontSize: 20),
                  );
                },
              ),
            ),
            const SizedBox(height: 50),
            Text(
              prompt,
              key: const Key("textKey"),
              style: const TextStyle(
                fontSize: 24,
                color: Color.fromARGB(255, 255, 255, 250),
                backgroundColor: Colors.black54,
              ),
            ),
          ],
        ),
      ),
    );
  }
}

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