flutter开发实战-RichText富文本居中对齐

在Flutter中，要实现RichText中的文本内容居中对齐，可以使用Center控件包裹RichText，或者使用TextAlign.center属性。以下是一个示例代码：

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter RichText 居中对齐示例'),
        ),
        body: Center(
          child: RichText(
            textAlign: TextAlign.center,
            text: TextSpan(
              style: DefaultTextStyle.of(context).style,
              children: <TextSpan>[
                TextSpan(text: 'Flutter ', style: TextStyle(fontWeight: FontWeight.bold)),
                TextSpan(text: '是一个 '),
                TextSpan(text: 'Google', style: TextStyle(color: Colors.blue)),
                TextSpan(text: ' 开发的 '),
                TextSpan(text: '开源', style: TextStyle(fontStyle: FontStyle.italic)),
                TextSpan(text: ' 移动应用 '),
                TextSpan(text: 'SDK', style: TextStyle(fontWeight: FontWeight.bold)),
                TextSpan(text: '，用于构建 '),
                TextSpan(text: 'iOS', style: TextStyle(color: Colors.blue)),
                TextSpan(text: ' 和 '),
                TextSpan(text: 'Android', style: TextStyle(color: Colors.blue)),
                TextSpan(text: ' 应用程序。'),
              ],
            ),
          ),
        ),
      ),
    );
  }
}

在这个示例中，RichText中的文本内容通过TextSpan的方式定义，并且设置了textAlign: TextAlign.center，这样就可以实现文本内容的居中对齐。外部包裹了Center控件以确保整个RichText控件在其父控件中居中显示。