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
相关产品推荐
相关产品推荐

