我是新来的，我正在尝试创建这个布局

Posted 2023-02-23

【中文标题】我是新来的，我正在尝试创建这个布局

【英文标题】：I am new to flutter and i am trying to create this layout

【发布时间】：2020-02-18 16:54:00

【问题描述】：

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

最初会有两个文本框输入所有者的详细信息，如第一张图片所示，如果有很多联合创始人，然后他可以按下凸起的按钮，将显示两个新的空白表单域

image1

end result can look like this second image

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

【参考方案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'),
        ),
      );
    );