如何在同一文本小部件中制作不同的样式?

时间:2019-02-11 11:07:21

标签: dart flutter

如何对显示的文本的不同部分应用不同的样式。怎么办呢?

示例:

  

你好 世界

2 个答案:

答案 0 :(得分:0)

这可以使用RichText

来实现
RichText(
     text: TextSpan(
          text: 'Hello',
          style: TextStyle(fontSize: 22, color: Colors.black),
          children: <TextSpan>[
             TextSpan(
               text: 'World',
               style: TextStyle(
                        fontSize: 24,
                        fontStyle: FontStyle.italic,
                        fontWeight: FontWeight.bold,
               ),
             ),
          ]
     ),
),

答案 1 :(得分:0)

返回RichText( 文字:TextSpan( 文字:“可以吗”, 样式:TextStyle(颜色:Colors.black), 儿童:[ TextSpan( 文字:“找到”, 样式:TextStyle( 颜色:Colors.green, 装饰:TextDecoration.underline, 装饰样式:TextDecorationStyle.wavy, ), 识别器:_longPressRecognizer, ), TextSpan(text:'secret?'), ], ), );