Flutter的Text和RichText
2019-07-26 本文已影响0人
王俏
可通过一个创建一个Text来显示文字
class TextDemo extends StatelessWidget
{
final TextStyle _textStyle = TextStyle(fontSize: 16.0);
final String _author = '李白。';
final String _title = '将进酒';
@override
Widget build(BuildContext context) {
// TODO: implement build
return Text(
'''《$_title》-- $_author
君不见,黄河之水天上来,奔流到海不复回。君不见,高堂明镜悲白发,朝如青丝暮成雪。人生得意须尽欢,莫使金樽空对月。天生我材必有用,千金散尽还复来。烹羊宰牛且为乐,会须一饮三百杯。岑夫子,丹丘生,将进酒,杯莫停。与君歌一曲,请君为我倾耳听。钟鼓馔玉不足贵,但愿长醉不复醒。古来圣贤皆寂寞,惟有饮者留其名。陈王昔时宴平乐,斗酒十千恣欢谑。主人何为言少钱,径须沽取对君酌。五花马,千金裘,呼儿将出换美酒,与尔同销万古愁。''',
textAlign: TextAlign.left, //文字对齐方式
style: _textStyle,//样式
maxLines: 3,//显示的行数
overflow: TextOverflow.ellipsis,//溢出部分省略号
);
}
}
可以通过RichText实现一行文字多种样式
子控件默认继承父控件的style
RichText( //RichText 可实现一行文字多种样式
text: TextSpan(
text: 'ninghao',
style: TextStyle(
color: Colors.deepPurpleAccent,
fontSize: 34.0,
fontStyle: FontStyle.italic,
fontWeight: FontWeight.w100,
),
children: [
TextSpan(
text: '.net',
style: TextStyle(
fontSize: 17.0,
color: Colors.grey,
),
),
],
),
);