属性介绍
| 属性 | 说明 |
|---|---|
| controller | 控制器，可以控制 textField 的输入内容，也可以监听 textField 改变 |
| focusNode | 焦点控制， |
| decoration | textField 装饰 |
| keyboardType | TextInputType，键盘类型 |
| textCapitalization | 大小写，默认为 TextCapitalization.none |
| style | 字体样式 |
| strutStyle | 字体的布局样式 |
| textAlign | 文字对齐方式，默认为 TextAlign.start |
| textAlignVertical | 文字纵轴对齐方式 |
| textDirection | TextDirection.ltr 是居左，TextDirection.rtl 是居右，和 textAlign 效果一致 |
| readOnly | 只读属性，默认为 false |
| toolbarOptions | 长按时弹出的按钮设置，（如赋值，粘贴，全部选中等） |
| showCursor | 是否显示光标，默认为 true |
| autofocus | 是否自动聚焦，默认为 false |
| obscuringCharacter | 加密输入时的替换字符，默认为 '•' |
| obscureText | 是否加密，默认为 false |
| autocorrect | 是否自动更正，默认为 true |
| smartDashesType | SmartDashesType 智能替换破折号，例如连续输入三个'-' 会自动替换成一个'------'，当 obseretext == true 时，smartDashesType 默认不可用 |
| smartQuotesType | SmartQuotesType 智能替换引号，根据文字情况智能替换为左引号或者右引号，当 obseretext == true 时，SmartQuotesType 默认不可用 |
| enableSuggestions | 是否在用户输入时显示输入建议，此标志仅影响Android，默认为 true |
| maxLines | 最大行数 |
| minLines | 最小行数 |
| expands | 是否填充父控件，默认为 false |
| maxLength | 最大长度 |
| maxLengthEnforced | 是否强制限制，或者只提供字符计数器和警告，默认为 true |
| onChanged | 输入框文字改变回调 |
| onEditingComplete | 输入框完成回调 |
| onSubmitted | 提交按钮点击回调 |
| inputFormatters | 格式化输入，注意这里比 onChanged 先执行 |
| enabled | 是否可用 |
| cursorWidth | 光标宽度，默认为 2.0 |
| cursorRadius | 光标圆角 |
| cursorColor | 光标颜色 |
| selectionHeightStyle | 选中高度样式，默认为 ui.BoxHeightStyle.tight |
| keyboardAppearance | 键盘外观，此设置仅适用于iOS设备，iOS的白色以及黑色风格键盘 |
| scrollPadding | 滚动后距离边缘的距离，默认为 EdgeInsets.all(20.0) |
| dragStartBehavior | 启动阻力，默认为 DragStartBehavior.start |
| enableInteractiveSelection | ///默认为True，如果为false，则大多数辅助功能支持选择文本、复制和粘贴，移动插入符号将被禁用。 |
| onTap | 点击事件 |
| mouseCursor | 鼠标悬停，Web可以了解 |
| buildCounter | InputDecorator.counter 自定义小工具 |
| scrollController | 滚动控制器 |
| scrollPhysics | 滚动物理效果 |
| autofillHints | 自动填充 |
示例代码
children: [
const Text("提货点："),
//这里只能写在容器container中才可以
Container(
width: 500.w,
child: TextField(
decoration: const InputDecoration(hintText: "请输入提货点",
// border: OutlineInputBorder(),
// 取消自带的下边框
// border: InputBorder.none,
// 底部下边框
enabledBorder: UnderlineInputBorder(
borderSide: BorderSide(color: Color.fromRGBO(235, 229, 229, 1),width: 1),
),
// 选中时候下边框
focusedBorder: UnderlineInputBorder(
borderSide: BorderSide(color: Color.fromRGBO(228, 225, 225, 1),width: 1)
)
),
controller:_username, //默认显示的文字
onChanged: (value){
setState((){
thText=value;
});
print("提货点名称$thText");
},
)
)
],
)