You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Flutter调整Widget位置:AppBar标题设置对齐不生效如何解决?

Flutter AppBar 标题对齐设置不生效解决方案

问题原因

你直接为Text组件设置textAlign属性没有效果,核心原因是Text自身的宽度默认仅和文字内容等宽,没有剩余空间供对齐规则生效,同时AppBar默认会将title组件固定在左侧起始位置,所以对齐配置不会生效。

测试右对齐的实现方法

你可以用Align组件包裹Text,指定对齐规则即可生效:

void main() {
  runApp(MaterialApp(
    home: Scaffold(
      appBar: AppBar(
        title: Align(
          alignment: Alignment.centerRight,
          child: Text("I am Rich"),
        ),
      ),
    ),
  ));
}

标题居中的最简实现

AppBar本身自带centerTitle属性,直接开启即可实现标题居中,不需要额外修改Text的配置:

void main() {
  runApp(MaterialApp(
    home: Scaffold(
      appBar: AppBar(
        title: Text("I am Rich"),
        centerTitle: true,
      ),
    ),
  ));
}

内容的提问来源于stack exchange,提问作者kylo ren

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.05 18:03:02