首页 > TAG信息列表 > TextSpan
Flutter RichText 使用案例解析 Flutter WidgetSpan 设置图片显示
也许你迷茫，但是我想说，在你迷茫的同时，保持本心，过好今天就好。 在Flutter中 RichText 可以说是一个简单的富文本，可以用来实现一段文字中，局部文字 加粗 设置颜色显示等，是结合 TextSpan 来实现的，当然也可以在文本段落中嵌入其他如小图片、图标、按钮等等，这就需要使用 WidgetSFlutter控件
每个控件都是通过构造函数构造的，内置属性参数 文本(Text) Text Text.rich 混合展示样式与单一样式的关键区别在于分片 Flutter与Android IOS对比 平台 Flutter Android IOS 文本 Text TextView UILabel 分段文本 TextSpan SpannableString NSAttributedString 正Flutter 基本控件--Text的使用
Text：该 widget 可让创建一个带格式的文本 字体样式解析如下： const TextStyle({ this.inherit: true, // 为false的时候不显示 this.color, // 字体颜色 this.fontSize, // 字体字号 this.fontWeight, // 字重，加粗【Flutter 1-16】Flutter手把手教程UI布局和Widget——文本和样式 Text Widget
作者 | 弗拉德 来源 | 弗拉德（公众号：fulade_me) Text 我们先来看Text的构造函数都有哪些参数： const Text( this.data, { //data 就是我们需要展示的文字 是字符串类型，这个是必传字段，其他的都是可选 Key key, //widget的标识 this.style, //文本样式flutter 多个Text会导致出线的解决方法
参考：https://blog.csdn.net/zgcqflqinhao/article/details/85048090 可以复制后，进行更改文字 new Text.rich( //富文本文本框构造方法，可以显示多种样式的text，第一个参数为 TextSpan new TextSpan( text: "我是一段测试文本", /Flutter的Text
TextAlign：文本对齐方式 Textstyle：文本风格，包括长度/字号/字体等等，Text('xxxxx',Style: TextStyle(height=1.0,font....) ) TextSpan：对一个Text的各个部分分别定义不同的设置选项，它代表Text的一个部分。 const TextSpan({ TextStyle style, Sting text, List<TextSpan> chFlutter Widgets 之 RichText
注意：无特殊说明，Flutter版本及Dart版本如下： Flutter版本： 1.12.13+hotfix.5 Dart版本： 2.7.0 基础用法 应用程序离不开文字的展示，因此文字的排版非常重要，通常情况下Text组件可以完成绝大多数需求，它可以显示不同大小的文字、字体、颜色等，如果想在一句话或者一段文字里面显示不同