如何在Flutter的‘Click View’文本下方添加新语句？

你只需要把原来单独的Text组件换成Column纵向布局组件，在Column里同时放原有文本和新增的语句即可，修改后的代码如下：

child: Row(mainAxisSize: MainAxisSize.min,
  children: [
    // 把单个Text换成Column，实现纵向排列文本
    Column(
      mainAxisSize: MainAxisSize.min, // 仅占用内容所需的纵向空间
      crossAxisAlignment: CrossAxisAlignment.start, // 文本左对齐，和原布局一致
      children: [
        Text("Click View",
            style: TextStyle(fontWeight: FontWeight.bold, fontSize: 20, color: Color.fromRGBO(255, 201, 102, 1))),
        // 这里添加你的新语句
        Text("新增的语句内容",
            style: TextStyle(fontSize: 16, color: Colors.grey)), // 可自定义样式
      ],
    ),
    Padding(padding: const EdgeInsets.only(left: 10)),
    Image.asset(
      'Assets/Images/hand_icon.png',
    ),
  ],
)

关键说明： #

• 使用Column替代单个Text，利用其纵向布局特性实现文本上下排列
• 设置mainAxisSize: MainAxisSize.min避免Column占用过多纵向空间，保持原Row的紧凑布局
• 通过crossAxisAlignment可以调整文本的对齐方式，比如CrossAxisAlignment.start是左对齐，和原文本的排版一致
• 新增的Text组件可以根据需求自定义字体大小、颜色等样式

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