美文网首页
flutter textfeild

flutter textfeild

作者: Albert新荣 | 来源:发表于2020-12-10 10:51 被阅读0次
    const TextField({
        Key key,
        this.controller,//控制器
        this.focusNode,//焦点
        this.decoration = const InputDecoration(),//装饰
        TextInputType keyboardType,//键盘类型,即输入类型
        this.textInputAction,//键盘按钮
        this.textCapitalization = TextCapitalization.none,//大小写
        this.style,//样式
        this.strutStyle,
        this.textAlign = TextAlign.start,//对齐方式
        this.textDirection,
        this.autofocus = false,//自动聚焦
        this.obscureText = false,//是否隐藏文本,即显示密码类型
        this.autocorrect = true,//自动更正
        this.maxLines = 1,//最多行数,高度与行数同步
        this.minLines,//最小行数
        this.expands = false,
        this.maxLength,//最多输入数,有值后右下角就会有一个计数器
        this.maxLengthEnforced = true,
        this.onChanged,//输入改变回调
        this.onEditingComplete,//输入完成时,配合TextInputAction.done使用
        this.onSubmitted,//提交时,配合TextInputAction
        this.inputFormatters,//输入校验
        this.enabled,//是否可用
        this.cursorWidth = 2.0,//光标宽度
        this.cursorRadius,//光标圆角
        this.cursorColor,//光标颜色
        this.keyboardAppearance,
        this.scrollPadding = const EdgeInsets.all(20.0),
        this.dragStartBehavior = DragStartBehavior.start,
        this.enableInteractiveSelection,
        this.onTap,//点击事件
        this.buildCounter,
        this.scrollPhysics,
      }) 
    

    记住在textfield 使用的时候,外面要包一层

     new Expanded(
                    child: new TextField(
                        keyboardType: TextInputType.number,
                        style: new TextStyle(
                          fontSize: 20.0,
                        ),
                        decoration: new InputDecoration(
                          hintText: "请输入手机号码",
                          border: InputBorder.none,
                        )))
    
    
     const InputDecoration({
        this.icon,//左侧外的图标
        this.labelText,//悬浮提示,可代替hintText
        this.labelStyle,//悬浮提示文字的样式
        this.helperText,//帮助文字
        this.helperStyle,
        this.hintText,//输入提示
        this.hintStyle,
        this.hintMaxLines,
        this.errorText,//错误提示
        this.errorStyle,
        this.errorMaxLines,
        this.hasFloatingPlaceholder = true,//是否显示悬浮提示文字
        this.isDense,
        this.contentPadding,//内填充
        this.prefixIcon,//左侧内的图标
        this.prefix,
        this.prefixText,//左侧内的文字
        this.prefixStyle,
        this.suffixIcon,//右侧内图标
        this.suffix,
        this.suffixText,
        this.suffixStyle,
        this.counter,//自定义计数器
        this.counterText,//计数文字
        this.counterStyle,//计数样式
        this.filled,//是否填充
        this.fillColor,//填充颜色
        this.errorBorder,
        this.focusedBorder,
        this.focusedErrorBorder,
        this.disabledBorder,
        this.enabledBorder,
        this.border,//边框
        this.enabled = true,
        this.semanticCounterText,
        this.alignLabelWithHint,
      })
    

    https://blog.csdn.net/yechaoa/article/details/90906689

    相关文章

      网友评论

          本文标题:flutter textfeild

          本文链接:https://www.haomeiwen.com/subject/zeplgktx.html