我在https://material.io/design/components/text-fields.html上看到这个填充的文本字段,但我不知道如何使它?
hc8w905p1#
好的,对于第一个示例,您可以使用以下代码片段:
TextField( obscureText: false, decoration: InputDecoration( border: UnderlineInputBorder(), labelText: 'Password', ), )
对于第二个示例,使用的代码片段如下所示:
TextField( obscureText: false, decoration: InputDecoration( border: OutlineInputBorder(), labelText: 'Password', ), )
希望这个有用。有关更多详细信息和扩展功能,您可以查看此处的文档:Flutter Docs
xxls0lw82#
要获得一个填充的textField,只需执行如下所示...
TextFormField( decoration: InputDecoration( filled: true, ...
有关filled property of InputDecoration class的更多信息。因此,如果对textField或textFormField或它们的任何组件进行任何修饰,请浏览InputDecoration提供的选项,您可能不需要 Package 或传递任何其他小部件。
2条答案
按热度按时间hc8w905p1#
好的,对于第一个示例,您可以使用以下代码片段:
对于第二个示例,使用的代码片段如下所示:
希望这个有用。
有关更多详细信息和扩展功能,您可以查看此处的文档:Flutter Docs
xxls0lw82#
要获得一个填充的textField,只需执行如下所示...
有关filled property of InputDecoration class的更多信息。
因此,如果对textField或textFormField或它们的任何组件进行任何修饰,请浏览InputDecoration提供的选项,您可能不需要 Package 或传递任何其他小部件。