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,
    );

Flutter自定义小部件属性转移

1 个答案: