Flutter常用组件-文本和样式组件

在Flutter中，文本和样式相关的组件主要包括Text、RichText和DefaultTextStyle等。以下是一个简单的例子，展示如何使用这些组件：

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: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              // 普通文本
              Text(
                '普通文本',
                style: TextStyle(
                  color: Colors.blue,
                  fontSize: 20.0,
                ),
              ),
              SizedBox(height: 20.0),
              // 富文本
              RichText(
                text: TextSpan(
                  text: '富文本',
                  style: TextStyle(
                    color: Colors.red,
                    fontSize: 20.0,
                  ),
                  children: <TextSpan>[
                    TextSpan(
                      text: '部分',
                      style: TextStyle(
                        color: Colors.green,
                        fontSize: 20.0,
                      ),
                    ),
                  ],
                ),
              ),
              SizedBox(height: 20.0),
              // 默认文本样式
              DefaultTextStyle(
                style: TextStyle(
                  color: Colors.purple,
                  fontSize: 16.0,
                ),
                child: Container(
                  alignment: Alignment.center,
                  child: Text(
                    '这是默认样式的文本',
                  ),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

这段代码展示了如何使用Text组件来创建普通文本，以及如何使用RichText组件来创建带有不同样式的富文本。同时，DefaultTextStyle可以用来设置一个上下文中的默认文本样式，这样在其子组件中就可以不用单独指定样式。