我如何在flutter中创建一个填充的文本域?

egdjgwm8  于 2023-03-13  发布在  Flutter
关注(0)|答案(2)|浏览(140)

我在https://material.io/design/components/text-fields.html上看到这个填充的文本字段,但我不知道如何使它?

hc8w905p

hc8w905p1#

好的,对于第一个示例,您可以使用以下代码片段:

TextField(
        obscureText: false,
        decoration: InputDecoration(
          border: UnderlineInputBorder(),
          labelText: 'Password',
        ),
      )

对于第二个示例,使用的代码片段如下所示:

TextField(
        obscureText: false,
        decoration: InputDecoration(
          border: OutlineInputBorder(),
          labelText: 'Password',
        ),
      )

希望这个有用。
有关更多详细信息和扩展功能,您可以查看此处的文档:Flutter Docs

xxls0lw8

xxls0lw82#

要获得一个填充的textField,只需执行如下所示...

TextFormField(
  decoration: InputDecoration(
        filled: true,
...

有关filled property of InputDecoration class的更多信息。
因此,如果对textField或textFormField或它们的任何组件进行任何修饰,请浏览InputDecoration提供的选项,您可能不需要 Package 或传递任何其他小部件。

相关问题