189 8069 5689
在开发中，文本是我们最常接触的控件。这篇博客来分享一下 Flutter 中的 Text 文本组件，我们展示的文本都可以用这个组件来展示，希望看文章的小伙伴有所帮助。
创新互联是一家专注于做网站、成都网站制作与策划设计,铁锋网站建设哪家好?创新互联做网站,专注于网站建设十载,网设计领域的专业建站公司;建站业务涵盖:铁锋等地区。铁锋做网站价格咨询:18982081108
这样我们就可以在界面当中显示一个文本，显示是 Hello Flutter 。下面我们来说说 Text 组件的属性：
设置文本颜色：
设置文本大小：
设置文本样式-加粗：
设置文本样式-斜体：
设置文本位置：
TextAlign可选属性： center 、 end 、 start 、 justify 、 left 、 right 。
设置文本高度：
设置文本最大行数：
设置文本有下划线：
设置文本有虚线类型下划线：
设置文字间隔：
文本超过最大行数设置 ... ：
源码分析：
分析源码可得，TextField 是有状态 StatefulWidget，有丰富的属性，自定义化较高，实践中需要合理利用各种回调；
1、光标的相关属性；cursorColor 为光标颜色，cursorWidth 为光标宽度，cursorRadius 为光标圆角；其中 Radius 提供了 circle 圆角和 elliptical 非圆角两种；
2、textAlign 为文字起始位置，可根据业务光标居左/居右/居中等；注意只是文字开始方向；textDirection 问文字内容方向，从左向右或从右向左；
3、maxLength 为字符长度，设置时默认是展示一行，且右下角有编辑长度与整体长度对比；与 maxLengthEnforced 配合，maxLengthEnforced 为 true 时达到最大字符长度后不可编辑；为 false 时可继续编辑展示有差别；
4、设置 maxLength 之后右下角默认有字符计数器，设置 TextField.noMaxLength 即可只展示输入字符数；
5、maxLines 为允许展现的最大行数，在使用 maxLength 时内容超过一行不会自动换行，因为默认 maxLines=1，此时设置为 null 或固定展示行数即可自动换行；区别在于 null 会展示多行，而 maxLines 最多只展示到设置行数；
6、obscureText 是否隐藏编辑内容，常见的密码格式；
7、enableInteractiveSelection 长按是否出现【剪切/复制/粘贴】菜单；不可为空；
8、keyboardAppearance 为键盘亮度，包括 Brightness.dark/light 两种，但仅限于 iOS 设备；
9、textCapitalization 文字大小写；理论上 sentences 为每句话第一个字母大写；characters为每个字母大写；words 为每个单词首字母大写；但该属性仅限于 text keybord，和尚在本地更换多种方式并未实现，有待研究；
10、keyboardType 为键盘类型，和尚理解整体分为数字键盘和字母键盘等；根据设置的键盘类型，键盘会有差别；
a. 数字键盘
--1-- datetime 键盘上可随时访问 : 和 /；
--2-- phone 键盘上可随时访问 # 和 *；
--3-- number 键盘上可随时访问 + - * /
b. 字母键盘
--1-- emailAddress 键盘上可随时访问 @ 和 .；
--2-- url 键盘上可随时访问 / 和 .；
--3-- multiline 适用于多行文本换行；
--4-- text 默认字母键盘；
11、textInputAction 通常为键盘右下角操作类型，类型众多，建议多多尝试；
12、autofocus 是否自动获取焦点，进入页面优先获取焦点，并弹出键盘，若页面中有多个 TextField 设置 autofocus 为 true 则优先获取第一个焦点；
13、focusNode 手动获取焦点，可配合键盘输入等减少用户操作次数，直接获取下一个 TextField 焦点；
14、enabled 设为 false 之后 TextField 为不可编辑状态；
15、decoration 为边框修饰，可以借此来调整 TextField 展示效果；可以设置前置图标，后置图片，边框属性，内容属性等，会在后续集中尝试；若要完全删除装饰，将 decoration 设置为空即可；
16、inputFormatters 为格式验证，例如原生 Android 中通常会限制输入手机号或其他特殊字符，在 Flutter 中也可以借此来进行格式限制，包括正则表达式；使用时需要引入 package:flutter/services.dart；
a. LengthLimitingTextInputFormatter 限制最长字符；
b. WhitelistingTextInputFormatter 仅允许输入白名单中字符；如 digitsOnly 仅支持数字 [0-9]；
c. BlacklistingTextInputFormatter 防止输入黑名单中字符；如 singleLineFormatter 强制输入单行；
分析源码 RegExp("[/]") 可以设置正则表达式；
17、onChanged 文本内容变更时回调，可实时监听 TextField 输入内容；
18、controller 文本控制器，监听输入内容回调；
19、onTap 点击 TextField时回调；
20、onEditingComplete 在提交内容时回调，通常是点击回车按键时回调；
21、onSubmit 在提交时回调，不可与 onEditingComplete 同时使用，区别在于 onSubmit 是带返回值的回调；
问题小结：
当 TextField 设置 enableInteractiveSelection 属性后长按会出现菜单，默认为英文，可通过设置 Flutter 国际化来处理；
（1）在 pubspec.yaml 中集成 flutter_localizations；
2）在 MaterialApp 中设置本地化代理和支持的语言类型；
（1）将 maxLength 设置为 null 仅使用 LengthLimitingTextInputFormatter 限制最长字符；
（2）设置 InputDecoration 中 decoration 属性为空；但是底部有空余，只是隐藏而并非消失；
TextFormField继承自FormField，是flutter表单提交相关组件，类似于html中的 input type="text" / ，是个文本输入框。需要在 Form 组件内部使用，否则无法正确提交数据。
未完待续
Text继承自 StatelessWidget ，Text 主要通过设置 文本布局 及 文本样式 控制显示方式。
1. 文本布局： 例如文本对齐方式 textAlign 、文本排版方向 textDirection ，文本显示最大行数 maxLines 、文本截断规则 overflow 等等
2 文本样式： 如字体名称 fontFamily 、字体大小 fontSize 、文本颜色 color 、文本阴影 shadows 等等，这些参数被统一封装到了构造函数中的参数 style(TextStyle) 中
在iOS中，我们可以使用NSAttributedString进行富文本设置。在Flutter中 我们可以通过 Text.rich() 或 RichText() 进行富文本设置。
两者均为 InlineSpan 类型， InlineSpan 为抽象类。
抽象类不能直接实例化。Flutter已为我们提供了
且 WidgetSpan 继承自 PlaceholderSpan