Files
2019-08-13 20:38:46 +08:00

40 lines
1.3 KiB
Dart
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

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(),
]);
}
}