Text widget的用法进行介绍,text组件的用法比较简单,直接上代码。
- text的效果用style来实现
- text的位置用textAlign来调整
- overflow是当text放不下容器里的时候,可以设置让text自动折叠
body: Container(
color: Colors.blue,
width: 200,
child: const Text(
'Flutter demo',
style: TextStyle(
fontSize: 20,
color: Colors.red,
fontWeight: FontWeight.bold,
decoration: TextDecoration.lineThrough,
fontStyle: FontStyle.italic,
backgroundColor: Colors.red
),
textAlign: TextAlign.center,
overflow: TextOverflow.ellipsis,
),
),