Flutter学习笔记

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,

            ),

          ),

        ],

      ),

      );
上一篇下一篇

猜你喜欢

热点阅读