dart - Flutter 自定义 Widget 属性转移

Question

我想为 TextField 小部件创建一个自定义小部件，并且我想将所有属性传输到我的自定义小部件。我在 React Native 中使用了 ...props 语法。

我的自定义小部件:

return Container(
  decoration: BoxDecoration(
      color: Colors.white,
      border: Border.all(
        color: Colors.grey,
        width: 1,
      ),
      borderRadius: BorderRadius.all(Radius.circular(5))),
  margin: margin,
  padding: EdgeInsets.symmetric(horizontal: 10),
  child: TextField(
    decoration: InputDecoration(
        labelStyle: TextStyle(color: Colors.black),
        labelText: label,
        border: InputBorder.none,
        counterText: ""),
    textDirection: TextDirection.ltr,
    //I want to put here custom widget properties
  ),
);

我想使用像这样的自定义小部件:

Input(
    label: "Şifre",
    margin: EdgeInsets.only(bottom: marginBottom),
    obscureText: true, //**
    textInputAction: TextInputAction.send, //**
    controller: passwordController, //**
)

我想将注释 ** 属性转移到自定义小部件注释行

Answer 1

您正在使用 TextField但寻找一个 TextFormField反而。它收集了您要求的所有属性。

  TextFormField(
      decoration: InputDecoration(
        labelStyle: TextStyle(color: Colors.black),
        labelText: label,
        border: InputBorder.none,
        counterText: ""),
        obscureText: true,
        textInputAction: TextInputAction.send,
        controller: passwordController,
    );