属性介绍
属性 | 说明 |
---|
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");
},
)
)
],
)