Flutter 的输入表单字段插件

此输入表单是默认 TextFormField 小部件的包装器。它支持 Flutter 支持的所有平台。

功能

  • 标签文本不会与边框重叠
  • 填充颜色支持
  • 默认支持模糊（如果您想避免样板代码）
  • 所有平台支持
  • 主题支持

安装

从 pub 安装最新版本

用法

现在，在您的 Dart 代码中，您可以使用

import 'package:input_form_field/input_form_field.dart';

示例

默认 TextFormField，标签文本与边框重叠。但在这里，标签文本始终位于边框下方。

InputFormField(
    textEditingController: _controller,
    labelText: "Label Text",
    hintText: "Hint Text",   
)

验证错误文本位置通常无法更改。但在这里，错误文本位置可以垂直和水平移动

InputFormField(
    textEditingController: _controller,
    labelText: "Label Text",
    hintText: "Hint Text",
    floatingLabelBehavior: FloatingLabelBehavior.always,
    borderRadius: BorderRadius.circular(10),
    errorPadding: EdgeInsets.only(left: 10, top: 10),
    validator: (v) {
      if(v != null && v.isEmpty) {
        return "Required";
      }
    },
),

添加了对默认密码处理器的支持。通过将 isPasswordField 设置为 true，可以以更少的样板代码处理密码可见性。

要手动处理，请使用 obscureText 和 suffix

InputFormField(
    textEditingController: _controller,
    labelText: "Password",
    hintText: "*****",
    isPasswordField: true,
),

想贡献

如果这对您有帮助，请给个星 Github 仓库

GitHub

查看 Github