Flutter中如何实现图标与文本在同一行显示？

你当前代码用了Column（垂直布局组件），所以图标和文本会垂直排列。要实现同一行显示，把Column换成Row（水平布局组件）即可，还能按需调整对齐方式：

修改后的代码示例：

title: const Text("Test", style: TextStyle(color: Colors.black)),
actions: [
  Row(
    crossAxisAlignment: CrossAxisAlignment.center, // 让图标和文本垂直居中对齐
    children: <Widget>[
      Image.asset(
        'Assets/Images/calendar.png',
      ),
      SizedBox(width: 4), // 可选：给图标和文本加间距
      Text(formattedDate, style: TextStyle(color: Colors.black))
    ],
  ),

补充说明： #

• Row是水平布局组件，默认会把子元素横向排列，刚好满足同一行需求
• crossAxisAlignment: CrossAxisAlignment.center能避免图标和文本在垂直方向上错位
• 要是需要调整图标和文本的水平间距，在两者之间加SizedBox设置宽度就行

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