Flutter 中的 RichText 小部件：全面指南

在Flutter中，RichText小部件用于创建富文本内容。富文本允许你使用不同的样式（如字体、大小、颜色）来显示文本。以下是一个简单的例子，展示如何使用RichText小部件：

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: RichText(
            text: TextSpan(
              style: TextStyle(color: Colors.black),
              children: <TextSpan>[
                TextSpan(text: 'Hello ', style: TextStyle(fontSize: 20)),
                TextSpan(text: 'bold', style: TextStyle(fontWeight: FontWeight.bold)),
                TextSpan(text: ' world!'),
              ],
            ),
          ),
        ),
      ),
    );
  }
}

在这个例子中，我们创建了一个RichText小部件，它包含三个TextSpan对象。第一个TextSpan设置了全局样式（字体颜色为黑色），然后两个额外的TextSpan分别应用了粗体和不粗体样式。这样，"Hello"是粗体的，而"world!"不是。这个例子展示了如何结合使用不同的文本样式来创建富文本内容。