import 'package:flutter_web/material.dart';

import 'package:flutter_go/components/widget_demo.dart';
import 'package:flutter_go/widgets/elements/Form/Text/RichText/demo.dart';

const String intro = """
### **简介**

> 具有复杂样式的文本显示组件

在富文本使用多个不同风格的widget显示文本。要显示的文本使用TextSpan对象树来描述，每个对象都有一个用于该子树的关联样式。文本可能会跨越多行，也可能全部显示在同一行上，具体取决于布局约束。

无论是Text或者Text.rich, 查看源代码发现. 都是由RichText构建出来


### **基本用法**
我们可以让一段文本通过使用不同的TextSpan显示不同的样式。比如我们让"Hello beautiful world"的每个单词都显示不同的样式.

""";


class Demo extends StatefulWidget {
  static const String routeName = '/element/Form/Text/RichText';
  _Demo createState() => _Demo();
}

class _Demo extends State<Demo> {
  @override
  Widget build(BuildContext context) {
    return WidgetDemo(
      title: 'Rich Text',
      docUrl: 'https://docs.flutter.io/flutter/widgets/RichText-class.html',
      codeUrl: 'elements/Form/Text/RichText/index.dart',
      contentList: [
        intro,
        RichTextDemo(),
      ]);
  }
}