1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > Flutter文本输入框-TextField

Flutter文本输入框-TextField

时间:2023-04-29 13:44:50

相关推荐

Flutter文本输入框-TextField

TextField

文本输入框,类似Android中的EditText

TextField(cursorColor: Colors.blue,cursorHeight: 15,cursorRadius: Radius.circular(10),cursorWidth: 2,showCursor: true,controller: _controller,focusNode: _focusNode,obscuringCharacter: "-",obscureText: true,decoration: InputDecoration(isCollapsed: false,labelText: "Label",helperText: "Helper",counterText: "",contentPadding: EdgeInsets.all(0),focusedBorder: OutlineInputBorder(borderSide: BorderSide(color: Colors.blue)),border: OutlineInputBorder(borderSide: BorderSide(color: Colors.red))),onSubmitted: (str) {print('_TextFieldViewState.buildView--$str');},textInputAction: TextInputAction.search,onChanged: (content) {print('_TextFieldViewState.buildView-changed:$content');},)

光标-cursor

文本控制器-controller

通过controller可以获取输入框的内容*_controller.text*,清除输入框内容*_controller.clear()*等

TextEditingController _controller = TextEditingController();

焦点变化-focusNode

通过设置TextField的focusNode,

FocusNode _focusNode = FocusNode();

并调用unfocus和requestFoucs来使其失去或获取焦点

if (_focusNode.hasFocus) {_focusNode.unfocus();} else {_focusNode.requestFocus();}

内容是否可见-obscureText

类似密码那种,可以自定义默认显示的字符串

obscureText:true:不可见,false:可见

obscuringCharacter:不可见时,占位符号

TextField(obscuringCharacter: "-",obscureText: true,)

键盘操作按钮-textInputAction

设置键盘右下角的操作按钮,介绍常见的几个

键盘操作按钮点击时间-onSubmitted

这个即是上方操作按钮点击时的回调

输入内容时的回调-onChanged

ValueChanged<String>? onChanged

文本修饰符-InputDecoration

介绍InputDecoration常用的几个属性

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。