Flutter中TextField的hintText无法随convertedText更新求助

需求：每当convertedText更新时，同步更新TextField的hintText字段。
当前问题：该更新仅在页面被手动刷新（如点击AppBar的主页图标）时才会生效。已尝试使用Provider监听状态变化、将页面转为StatefulWidget并添加setState，但问题仍未解决。

相关代码：

class UserInputArea extends StatefulWidget {
  @override
  State<UserInputArea> createState() => _UserInputAreaState();
}

class _UserInputAreaState extends State<UserInputArea> {
  @override
  Widget build(BuildContext context) {
    String convertedText='';
    setState(() {
       convertedText = Provider.of<UserText>(context, listen: true).convertedText;
       print('convertedText :: $convertedText');
    });
    return Card(
      elevation: 10,
        child: Container(
          padding: EdgeInsets.all(10),
          child: TextField(
              decoration: InputDecoration(hintText: convertedText.isNotEmpty ? convertedText : 'Enter text'),
              keyboardType: TextInputType.multiline,
              maxLines: 5,
              onChanged: (value){
                Provider.of<UserText>(context, listen: false).updateText(value);
              },
            ),
        ),
    );
  }
}

问题根源 #

在build方法内直接调用setState是错误操作，会触发无限重绘循环，同时干扰了Provider的正常监听逻辑——listen: true的Provider调用本身就会在状态变化时触发Widget重建，不需要额外嵌套setState。另外如果你的UserText类没有在状态更新时调用notifyListeners()，Provider也不会通知监听的Widget刷新。

修复步骤 #

1. 移除build方法里的setState包裹，直接通过Provider.of获取最新的convertedText
2. 确保UserText类正确实现ChangeNotifier，且在convertedText更新时调用notifyListeners()

修改后的代码 #

class UserInputArea extends StatefulWidget {
  @override
  State<UserInputArea> createState() => _UserInputAreaState();
}

class _UserInputAreaState extends State<UserInputArea> {
  @override
  Widget build(BuildContext context) {
    // listen: true会自动监听状态变化，触发build重建
    final convertedText = Provider.of<UserText>(context, listen: true).convertedText;
    
    return Card(
      elevation: 10,
      child: Container(
        padding: EdgeInsets.all(10),
        child: TextField(
          decoration: InputDecoration(
            hintText: convertedText.isNotEmpty ? convertedText : 'Enter text'
          ),
          keyboardType: TextInputType.multiline,
          maxLines: 5,
          onChanged: (value){
            Provider.of<UserText>(context, listen: false).updateText(value);
          },
        ),
      ),
    );
  }
}

补充：UserText类的正确实现示例 #

class UserText extends ChangeNotifier {
  String _convertedText = '';

  String get convertedText => _convertedText;

  void updateText(String newText) {
    _convertedText = newText;
    // 必须调用此方法，通知所有监听的Widget刷新状态
    notifyListeners();
  }

  // 其他修改convertedText的方法，同样需要调用notifyListeners()
}

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