android - 在此 Flutter 示例中格式化文本的最佳方式是什么？

Question

我有一张卡片，轻按它可以打开或关闭 DND。目前，我在卡片上有一串文字，上面写着“DND ON”或“DND OFF”。我想要实现的是在“DND ON”下方添加较小的字体和斜体:“Alarms, Media, Touch Sounds”。

我的基本代码:

            Card(
          color: Color.fromARGB(255, 76, 175, 80),
          elevation: 5.0,
          child: InkWell(
            splashColor: Colors.blueGrey,
            onTap: () {
              setState(() {
                pressed = !pressed;
              });
              pressed ? _dndOn() : _dndOff();
            },
            child: Center(
              child: Text(
                pressed ? ('DND ON') : ('DND OFF'),
                style: TextStyle(
                  color: Colors.white,
                  fontSize: 25.0,
                ),
              ),
            ),
          ),
        ),

我尝试过的:我尝试过使用 TextTheme 在 RichText 中定义我的字符串，并创建一列具有各种样式的文本。每次我收到诸如“type 'Column' is not a subtype of type 'String'”或“type 'RichText' is not a subtype of type 'String' 等错误时。

关于如何实现我想要的，您有什么想法吗？

Answer 1

您不能使用 column widget作为文本小部件的文本属性。您需要以定义要保存的子项列表的方式使用它，在本例中为文本小部件列表。

Card(
  color: Color.fromARGB(255, 76, 175, 80),
  elevation: 5.0,
  child: InkWell(
    splashColor: Colors.blueGrey,
    onTap: () {
      setState(() {
        pressed = !pressed;
      });
      pressed ? _dndOn() : _dndOff();
    },
    child: Center(
      child: Column(
        children: [
          Text(
            pressed ? 'DND ON' : 'DND OFF',
            style: TextStyle(
              color: Colors.white,
              fontSize: 25.0,
            ),
          ),
          Text(
            'Alarms, Media, Touch Sounds',
            style: TextStyle(
              color: Colors.white,
              fontSize: 16.0,
            ),
          ),
        ],
      ),
    ),
  ),
),