mirror of
https://github.com/alibaba/flutter-go.git
synced 2025-07-15 03:04:25 +08:00
Add:创建 flutter go web 版
This commit is contained in:
39
lib/widgets/elements/Form/Text/RichText/index.dart
Normal file
39
lib/widgets/elements/Form/Text/RichText/index.dart
Normal file
@ -0,0 +1,39 @@
|
||||
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(),
|
||||
]);
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user