Flutter文本输入组件(TextField)

Flutter文本输入组件(TextField)

TextField组件常用的属性及说明如表所示：

例如，输入框需求如下：圆角边框、文本居中、只能输入英文字符，代码如下：

TextField(
  decoration: InputDecoration(
    filled: true,
    border: OutlineInputBorder(
        borderRadius: BorderRadius.all(Radius.circular(20))),
  ),
  textAlign: TextAlign.center,
  inputFormatters: [
    WhitelistingTextInputFormatter(RegExp("[a-zA-Z]")),
  ],
),

运行结果如图所示：

密码输入框，代码如下：

TextField(
    decoration: InputDecoration(labelText: '请输入密码'),
    obscureText: true,
  ),

运行结果如图所示：

酷客网相关文章：

• Flutter文本组件(Text)
• Flutter组件大全
• Flutter Web 支持现已进入稳定版
• Flutter 2 新特性