flutter 表单组件TextField、TextFormField使用-Toy模板网

这篇具有很好参考价值的文章主要介绍了flutter 表单组件TextField、TextFormField使用。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

属性介绍

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

文章来源地址https://www.toymoban.com/news/detail-768078.html

到了这里，关于flutter 表单组件TextField、TextFormField使用的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！