cccicl
cccicl
发布于 2个月前

flutter TextField 输入框 常用属性

TextField(
  // 是否自动获取焦点
  autofocus: true,
  // 光标颜色
  cursorColor: Colors.green,
  // 光标宽度
  cursorWidth: 5.0,
  // 光标圆角
  cursorRadius: Radius.circular(4.0),
  // 装饰
  decoration: InputDecoration(
    // 输入框左侧图标(输入框外)
    icon: Icon(Icons.check_box),
    // 输入框左侧图标(输入框内)
    prefixIcon: Icon(Icons.close),
    // 输入框右侧图标(输入框内)
    suffixIcon: Icon(Icons.mail),
    // 标签文本(输入框上方)
    labelText: '用户名',
    // 内容提示(输入框内)
    hintText: '请输入用户名',
    // 帮助提示(输入框下方)
    helperText: "用户名长度 6 - 9",
    // 当 errorText 存在时,helperText 被替换(输入框下方)
    errorText: '用户名不合法',
    // 是否使内容紧凑
    isDense: true,
    // 边框
    border: OutlineInputBorder(borderSide: BorderSide.none)
  ),
  // 启用/禁用
  enabled: true,
  // 输入格式验证,请引入 package:flutter/services.dart
  inputFormatters: [LengthLimitingTextInputFormatter(500)],
  // 允许输入的最大长度
  maxLength: 500,
  // 弹起的键盘类型,不能限制输入
  keyboardType: TextInputType.number,
  // 最大行数
  // 当该值 == null 的时候,输入框高度自适应
  // 当该值 > 1,有点类似 textarea
  maxLines: null,
  // 是否隐藏输入内容,常用于输入密码的输入框
  obscureText: true,
  // 输入文本的样式
  style: TextStyle(color: Colors.green),
  // 输入文本的对齐方向
  textAlign: TextAlign.start,
)