在颤振中更改文本对象内字符串插值的颜色

Question

大家好，我想弄清楚如何使我的 appBar 标题文本对象中的字符串与默认的白色不同，同时保留单词 BALLS : 为白色。 $ballcount 应该是红色，$showBallCount 应该是橙色。

感谢您的意见

appBar: AppBar(
    backgroundColor: Colors.blueGrey[900],
    title: Text('BALLS : $ballCount $showBallsCalled'),
    ),

Answer 1

您应该尝试使用 RichText 小部件。

      appBar: AppBar(
        backgroundColor: Colors.blueGrey[900],
        title: RichText(
          text: TextSpan(
            text: 'BALLS: ',
            style: TextStyle(
              color: Colors.white,
            ),
            children: [
              TextSpan(
                text: '$ballCount ',
                style: TextStyle(
                  color: Colors.red,
                ),
              ),
              TextSpan(
                text: '$showBallsCalled',
                style: TextStyle(
                  color: Colors.orange,
                ),
              ),
            ],
          ),
        ),
      ),