Flutter Text内容居中显示
70 浏览量
2021-01-07
17:07:52
上传
评论
收藏 22KB PDF 举报
Flutter Text内容居中显示内容居中显示
通过设置textAlign属性的值为TextAlign.center可以让Text的内容居中
class _MyHomePageState extends State {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Row(
children: [
Expanded(
child: Text(
'Hello World',
textAlign: TextAlign.center,
)
)
],
)// This trailing comma makes auto-formatting nicer for build methods.
);
}
}
TextAlign是个枚举类型，源码如下，还支持设置文本位于左边、右边等
/// Whether and how to align text horizontally.
// The order of this enum must match the order of the values in RenderStyleConstants.h's ETextAlign.
enum TextAlign {
/// Align the text on the left edge of the container.
left,
/// Align the text on the right edge of the container.
right,
/// Align the text in the center of the container.
center,
/// Stretch lines of text that end with a soft line break to fill the width of
/// the container.
///
/// Lines that end with hard line breaks are aligned towards the [start] edge.
justify,
资源评论
