Flutter中Text组件使用TextEditingController插值显示异常问题排查

错误原因 #

直接在字符串插值中使用_nameController对象时，会调用该控制器的默认toString()方法，输出的是控制器的内部实例标识（类似TextEditingController#xxxx这类格式），而非用户输入到输入框的文本内容，这就是显示结果不符合预期的原因。

修复方法 #

要获取输入框中的实际文本，需访问TextEditingController的text属性，将插值部分替换为${_nameController.text}即可。

修改后的完整代码：

final TextEditingController _nameController = TextEditingController();    

Text(
  '${_nameController.text}, seu IMC é ${_result.toStringAsFixed(1)}',
  style: Theme.of(context).textTheme.titleLarge,
  textAlign: TextAlign.center,
),

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