Flutter开发中如何在Text组件中正确展示int类型的数值

你遇到的问题是Dart字符串插值的语法使用错误导致的，修改方案如下：

调整后代码 #

Text(
   '${widget.count}. ',
    style: TextStyle(
    fontFamily: 'sansPro',
    fontSize: 15,
    color: Colors.black,
    fontWeight: FontWeight.bold,
      ),
    ),

原因说明 #

• Dart字符串插值规则要求：如果需要在字符串中插入对象属性、运算表达式、方法返回值等非单变量内容，必须用${}将对应的逻辑包裹，Dart会先执行大括号内的代码，再将执行结果转为字符串插入对应位置
• 你原代码中的'$widget.count'写法，Dart只会识别$widget为待插入的变量，会先将widget实例转为字符串（也就是你看到的instance of xxx内容），再将后面的.count作为普通字符串拼接，最终得到错误的展示内容
• 单变量插值可以省略大括号，比如int count = 10; Text('$count')可以正常运行，不需要额外加括号

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