Question

如何在Flutter中创建此布局。当我单击“凸起”按钮时，名称和数字被保存，您将获得两个新的textformfield来输入另一个企业主数据

如果有很多联合创始人，最初会有两个textform字段输入所有者详细信息，如第一幅图所示，那么他可以按下凸起的按钮，并且将显示两个新的空白表单字段

end result can look like this second image

我尝试了多次，但是无法正确实现它。任何帮助表示赞赏。

Answer 1

一种理想的方法是使用ListView来保持TextFields。它会先保留您的初始TextFields，然后是Column占位符，当您点击按钮AddOwner时，它可以添加其他TextFields。简化示例：

  ListView(
    children: <Widget>[
      TextFormField(
        decoration: InputDecoration(labelText: 'name'),
      ),
      TextFormField(
        decoration: InputDecoration(labelText: 'phone'),
      ),
      Column(children: additionalTextFields,),
    ],
  ),

然后在您的AddOwner按钮中，调用该方法以根据需要添加更多条目：

  var additionalTextFields = List<Widget>();

  void _addNewTextFields() {
    setState(() {
      additionalTextFields.add(
        TextFormField(
          decoration: InputDecoration(labelText: 'name'),
        ),
      );
      additionalTextFields.add(
        TextFormField(
          decoration: InputDecoration(labelText: 'phone'),
        ),
      );
    });
  }

我是新手，我正在尝试创建此布局

1 个答案: