如何扩展颤振小部件并设置其内部值的默认值？

Question

我对颤动和飞镖不熟悉，而且和继承有点关系。在创建了一些表单之后，事情变得多余，因为我们在所有文本字段上使用轮廓边框，如下所示：

TextFormField(
    decoration: InputDecoration(
        labelText: 'Email',
        hintText: 'Your corporate email address',
        border: OutlineInputBorder()
    ),
)

我想创建的是一个OutlinedTextFormField，我可以简单地用作：

OutlinedTextFormField(
    labelText: 'Email',
    hintText: 'Your corporate email address',
)

我想要的是一个元素在textformfieldlabeltext和hintText中拥有所有可用的构造函数。在构造器中或其他地方，我会根据我们的内部标准构建输入装饰等。

Answer 1

欢迎来到颤振：）这绝对是可能的，下面是一个例子：

class OutlinedTextFormField extends StatelessWidget {
    final String labelText;
    final String hintText;

    OutlinedTextFormField({this.labelText, this.hintText});

    build(BuildContext context) {
        return TextFormField(
            decoration: InputDecoration(
                labelText: this.labelText,
                hintText: this.hintText,
                border: OutlineInputBorder()
            ));
    }
}

为了给这里发生的事情提供一些背景：

OutlineTextFormField扩展了无状态小部件。无状态widget来自flatterwidgets库（或material或cupertino库）。无状态Widget类有一个抽象构建方法，其实现者必须重写该方法。构建方法包含小部件的UI。

OutlineTextFormField是一个完整的类，因此您可以为它定义实例变量和方法。因此，要传入labelText和hintText，只需在类上定义这些变量，然后在构造函数中传入这些变量。在构建方法中，可以引用这些变量来实现所描述的效果。

同样值得注意的是构造函数的语法。Dart有几种不同的方法来指定构造函数参数。最常见的两个参数是位置参数和命名参数。位置参数是必需的参数，缺省情况下，命名参数是可选的。

在我们的示例中，我们使用两个命名的参数，labelText和hintText。命名参数放在大括号内。Dart允许从构造函数参数直接赋值到类变量，因此使用{this.labelText，this.hintText}语法。你实际上是在说，我有两个参数，一个名为labelText，一个名为hintText，我想继续把它们分配给同名的类变量。

相反，在调用构造函数时，位置参数不需要您拼写它们的名称。采用位置参数的最常见颤振小部件是Text。通过传入一个必需的位置参数和各种可选的命名参数，可以创建文本对象。例如：Text（'Im是必需的位置参数'，style:newtextstyle（））

为了使用这个示例小部件，您将使用以下代码：

new OutlinedTextFormField(labelText: 'Foo', hintText: 'Bar');