在 Flutter 中，textrich 并不是一个官方的富文本编辑插件。不过，Flutter 提供了丰富的文本处理功能，你可以使用 RichText、TextSpan 和 TextEditingController 等类来实现富文本的显示和编辑。如果你需要更高级的富文本编辑功能，可以考虑使用第三方插件，如 flutter_quill 或 super_editor。

使用 RichText 和 TextSpan 显示富文本

RichText 和 TextSpan 可以用来显示富文本内容。以下是一个简单的示例，展示如何使用它们来显示不同样式的文本：

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('RichText Example'),
        ),
        body: Center(
          child: RichText(
            text: TextSpan(
              style: DefaultTextStyle.of(context).style,
              children: <TextSpan>[
                TextSpan(text: 'Hello ', style: TextStyle(color: Colors.black)),
                TextSpan(text: 'world!', style: TextStyle(fontWeight: FontWeight.bold, color: Colors.red)),
              ],
            ),
          ),
        ),
      ),
    );
  }
}

使用 TextEditingController 进行文本编辑

如果你想在文本编辑框中实现富文本编辑，可以使用 TextEditingController 来控制文本输入。虽然 TextField 本身不支持富文本，但你可以通过监听 TextEditingController 来动态地改变文本样式。

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: TextEditorExample(),
    );
  }
}

class TextEditorExample extends StatefulWidget {
  [@override](/user/override)
  _TextEditorExampleState createState() => _TextEditorExampleState();
}

class _TextEditorExampleState extends State<TextEditorExample> {
  TextEditingController _controller = TextEditingController();

  [@override](/user/override)
  void initState() {
    super.initState();
    _controller.addListener(_onTextChanged);
  }

  void _onTextChanged() {
    // 在这里处理文本变化的逻辑
    print(_controller.text);
  }

  [@override](/user/override)
  void dispose() {
    _controller.dispose();
    super.dispose();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Text Editor Example'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: TextField(
          controller: _controller,
          decoration: InputDecoration(
            labelText: 'Enter your text',
          ),
        ),
      ),
    );
  }
}

使用 flutter_quill 进行富文本编辑

如果你需要更复杂的富文本编辑功能，比如支持加粗、斜体、链接、图片等，可以使用 flutter_quill 插件。以下是一个简单的示例：

首先，在 pubspec.yaml 中添加依赖：

dependencies:
  flutter:
    sdk: flutter
  flutter_quill: ^4.0.0

然后，使用 flutter_quill 进行富文本编辑：

import 'package:flutter/material.dart';
import 'package:flutter_quill/flutter_quill.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: QuillEditorExample(),
    );
  }
}

class QuillEditorExample extends StatefulWidget {
  [@override](/user/override)
  _QuillEditorExampleState createState() => _QuillEditorExampleState();
}

class _QuillEditorExampleState extends State<QuillEditorExample> {
  QuillController _controller = QuillController.basic();

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Quill Example'),
      ),
      body: Column(
        children: [
          QuillToolbar.basic(controller: _controller),
          Expanded(
            child: Padding(
              padding: const EdgeInsets.all(8.0),
              child: QuillEditor(
                controller: _controller,
                readOnly: false,
                autoFocus: true,
                expands: false,
                padding: EdgeInsets.zero,
              ),
            ),
          ),
        ],
      ),
    );
  }
}