TextField( maxLength: 10, controller: _controller, decoration: InputDecoration( labelText: '输入限制文本', hintText: '请输入文本', ), inputFormatters: [ LengthLimitingTextInputFormatter(10), // 设置输入长度限制 FilteringTextInputFormatter.digitsOnly, // 只允许输入数字 ], ) 在...
TextField( ///是否可编辑 enabled: isEnable, ///焦点获取 focusNode: focusNode, ///用来配置 TextField 的样式风格 decoration: InputDecoration( ///设置输入文本框的提示文字 ///输入框获取焦点时 并且没有输入文字时 hintText: "请输入用户名", ///设置输入文本框的提示文字的样式 hintStyle: TextStyle...
maxLines:设置此参数可以把文本框改为多行文本框 onChanged:文本框改变的时候触发的事件。 decoration: hintText:类似html中的placeholder border:配置文本框边框 OutlineInputBorder:配合使用 labelText:lable的名称 labelStyle:配置label的样式 obscureText:把文本框改为密码框 controller:controller结合TextEditingController(...
maxLines:设置此参数可以把文本框改为多行文本框 onChanged:文本框改变的时候触发的事件。 decoration: hintText:类似html中的placeholder border:配置文本框边框 OutlineInputBorder:配合使用 labelText:lable的名称 labelStyle:配置label的样式 obscureText:把文本框改为密码框 controller:controller结合TextEditingController(...
很明显 hintText 位置没有居中。解决方案打开注释 enabledBorder focusedBorder 即可 image.png classTextFieldWidgetextendsStatelessWidget{@overrideWidgetbuild(BuildContextcontext){returnContainer(// padding: EdgeInsets.only(left:8,right: 8),decoration:BoxDecoration(borderRadius:BorderRadius.circular(20),border:...
hintText参数可以帮助我们设置一个点击后显示的文字,只有点击之后才可以显示,同样我们可以通过hintStyle来设置hintText的样式。 9. 不显示下划线 TextField( decoration: InputDecoration( labelText:"选中时没有下划线", focusedBorder: InputBorder.none, ), ...
hintText: "请输入" ) 悬浮提示 悬浮提示就是当获取焦点后的输入信息的提示(不太常用) decoration: InputDecoration( lableText: "请输入" ) 另外InputDecoration还支持设置其他border,例如错误状态、获取交点状态、不可用状态等都能自定义。 软键盘 textInputAction: 软键盘按钮样式和功能设置(none、unspecified、done...
Widget _getTextField() { return TextField( textCapitalization: TextCapitalization.none, decoration: InputDecoration( //textfield占位语,类似于iOS中的placeholder hintText: "123", //占位语颜色 hintStyle: TextStyle(color: Colors.black12), enabledBorder: UnderlineInputBorder( ...
TextField常见属性:属性 描述 maxLines 将文本框改为多行文本框,默认是单行 onChanged 文本框改变的时候触发的时间 decoration hintText类似于EditText中hint属性。border 边框线,配合OutlineInputBorder使用、labelText:label的...
实现TextField说简单也简单,说有坑,坑也不小,下面从易到难介绍一下使用 1.最简单的就是无参数调用构造方法: TextField() 1. 2.光有输入框还不行,还得获取其中的内容,所以需要传递controller: import 'package:flutter/material.dart'; class TextFieldPage extends StatelessWidget { ...