需求
在一個(gè)段落中Text應(yīng)用不同的樣式捞镰。
演示
rich_text.jpg
實(shí)現(xiàn)
Flutter的RichText能實(shí)現(xiàn)一段文本應(yīng)用不同的樣式滓窍。
@override
Widget build(BuildContext context) {
return RichText(
text: TextSpan(
text: 'This is ',
style: TextStyle(color: Colors.black, fontSize: 18.0),
children: <TextSpan>[
TextSpan(
text: 'bold ',
style: TextStyle(fontWeight: FontWeight.bold, )
),
TextSpan(
text: 'text. '
),
TextSpan(
text: 'This is ',),
TextSpan(
text: 'larger ',
style:
TextStyle(fontSize: 22.0)),
TextSpan(
text: 'font size.',),
TextSpan(
text: 'This is ',),
TextSpan(
text: 'red ',
style:
TextStyle(color: Colors.red)),
TextSpan(
text: 'color.',),
],
),
);
}
源碼
點(diǎn)擊Github源碼瀏覽下載本示例源碼!
