乐闻世界logo
搜索文章和话题

How do I center text vertically and horizontally in Flutter?

4 个月前提问
3 个月前修改
浏览次数48

1个答案

1

在Flutter中,要实现文本的水平和垂直居中,通常会使用CenterAlign这类的小部件(Widget)。以下是一个简单的例子,展示了如何使用Center小部件来对文本进行居中:

dart
import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { Widget build(BuildContext context) { return MaterialApp( home: Scaffold( appBar: AppBar( title: Text('Flutter Center Text Example'), ), body: Center( child: Text('Hello, this text is centered!'), ), ), ); } }

在这个例子中,Center小部件将其子部件(这里是Text)置于其父容器的中央位置。Center小部件不仅会将文本水平居中,同时也会垂直居中。

如果你需要更精细的控制,比如只想要水平居中而不是垂直居中,可以使用Align小部件,并设置其alignment属性。例如:

dart
Align( alignment: Alignment.center, child: Text('This text is centered horizontally.'), )

Align小部件的alignment属性允许你指定文本在容器中的具体位置。Alignment.center会使文本在水平和垂直方向上都居中,而Alignment.centerLeft则会使文本在垂直方向居中但在水平方向靠左对齐,等等。

这两种方法都是常用来在Flutter中实现文本居中的方式。

2024年7月1日 12:17 回复

你的答案