为啥单独写这么一个文章呢?
其实是我看了Flutter中文官网,结果到组件里面在点就跳到英文文档去了,所以自己记录一下
Text Widget 属性
- textAlign 设置文字对齐方向
- TextAlign.center 居中对齐
- TextAlign.left 居左对齐
- TextAlign.right 居右对齐
- maxLines 允许最大行数
- overflow 设置文字显示形式
- TextOverflow.ellipsis 超过的显示为...
- TextOverflow.clip 超过的不显示
- TextOverflow.fade 从上到下颜色渐变
- style 设置样式
- TextStyle
- fontSize 字体大小
- color 字体颜色
- decoration 下划线
- decorationStyle下划线样式
最后贴一下例子代码,可以照着敲一遍
- TextStyle
import 'package:flutter/material.dart';
void main() => runApp(new MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
// TODO: implement build
return MaterialApp(
title: 'Text Widget',
home: Scaffold(
body: Center(
child: Text(
'这里我们来介绍一下Text有哪些属性jkhkjhjkhjkhjkhjkhkjhjkhkj',
textAlign: TextAlign.right,
maxLines: 1,
overflow: TextOverflow.fade,
style: TextStyle(
fontSize: 25.0,
color: Color.fromARGB(166, 233, 125, 125),
decoration: TextDecoration.underline,
decorationStyle: TextDecorationStyle.solid,
),
),
),
),
);
}
}