Flutter：Row包裹的Text组件无法实现左侧边距对齐的问题

你用Row的mainAxisAlignment.start没效果，是因为Row默认就是左对齐，而且它的宽度只适配内部Text的宽度——这个属性只是控制子组件在Row内的对齐方式，没法产生左侧间距。要给文本加左边距，得用Padding组件来控制。

下面是两种简单可行的修改方式：

方式一：给Text直接加Padding #

直接用Padding包裹需要加边距的Text，指定左侧的间距值：

class HomeProductCard extends StatelessWidget {
  const HomeProductCard({super.key});
  
  @override
  Widget build(BuildContext context) {
    return Card(
      color: Colors.white,
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start, // 让Column内的子组件左对齐，视觉更统一
        children: [
          Padding(
            padding: const EdgeInsets.all(8.0),
            child: Image.network(
              height: 150,
              fit: BoxFit.fitWidth,
              'https://img.freepik.com/free-photo/christmas5402acaad884&w=996',
            ),
          ),
          // 给"SAD"文本加左侧边距
          Padding(
            padding: const EdgeInsets.only(left: 16.0),
            child: Text("SAD"),
          ),
          // 给"pro"统一加边距，可按需调整top值
          Padding(
            padding: const EdgeInsets.only(left: 16.0, top: 4.0),
            child: Text("pro"),
          )
        ],
      ),
    );
  }
}

方式二：给Row加Padding #

如果你想保留Row结构，直接给Row设置Padding即可：

Row(
  children: [
    Padding(
      padding: const EdgeInsets.only(left: 16.0),
      child: Text("SAD"),
    ),
  ],
)

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