【问题标题】: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

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

【问题讨论】:

    标签: android flutter dart flutter-layout


    【解决方案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'),
            ),
          );
        });
      }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-02-15
      • 1970-01-01
      • 1970-01-01
      • 2021-10-14
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多