Flutter Text组件左对齐不生效、字体大小无法修改如何解决

问题根因 #

1. 文本不左对齐：你代码中包裹文本的Column组件默认交叉轴对齐规则为CrossAxisAlignment.center，此时Text组件宽度默认贴合文本内容，设置的textAlign: TextAlign.left没有可用的水平空间触发对齐逻辑，所以看起来始终居中。
2. 字体大小不生效：大概率是项目全局ThemeData配置的默认文本样式、或者父级DefaultTextStyle组件的样式优先级高于你在Text组件内设置的局部样式，若你引入了GoogleFonts全局配置，也可能存在样式覆盖。

解决方案 #

1. 修复左对齐问题（二选一即可）

• 方案A：修改Column的全局交叉轴对齐规则，子组件都会默认左对齐，适配多数场景：

child: Column(
  crossAxisAlignment: CrossAxisAlignment.start, // 新增此行
  children: [
    // 原有子组件代码保持不变
  ]
)

• 方案B：只修改当前文本的对齐规则，不影响Column内其他组件：

Align(
  alignment: Alignment.centerLeft,
  child: Text(
    'Najnowsze ogłoszenia',
    style: TextStyle(fontSize: 14, fontWeight: FontWeight.bold),
    textAlign: TextAlign.left,
  ),
)

2. 修复字体大小不生效问题（二选一即可）

• 方案A：给局部文本样式添加inherit: false，强制不继承父级全局样式：

Text(
  'Najnowsze ogłoszenia',
  style: TextStyle(
    inherit: false, // 新增此行
    fontSize: 14, 
    fontWeight: FontWeight.bold,
    // 可自行补充color等其他属性
  ),
  textAlign: TextAlign.left,
)

• 方案B：用DefaultTextStyle包裹当前文本，强行覆盖父级样式优先级：

DefaultTextStyle(
  style: TextStyle(fontSize: 14, fontWeight: FontWeight.bold, color: Colors.black),
  child: Text(
    'Najnowsze ogłoszenia',
    textAlign: TextAlign.left,
  ),
)

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