如何在Flutter中使用新的小部件更新页面?

时间:2020-07-22 01:07:04

标签: flutter dart

由于我很新,所以我试图在Flutter中创建一个杂货清单应用程序,而我基本上是在尝试使页面显示出来,询问您将要拥有多少种配料,然后将其显示出来。许多Row小部件,每个小部件包含两个TextFields。一个用于实际成分,另一个用于该成分的数量。这是相关的代码:

                    child: TextField(
                      keyboardType: TextInputType.number,
                      controller: numOfIngs,
                      decoration: InputDecoration(
                          border: OutlineInputBorder(),
                          labelText: '#',
                          hintText: '#'),
                      onSubmitted: (numIngredients) {
                        debugPrint(numIngredients);
                        TextEditingController controller =
                            TextEditingController();
                        TextEditingController numcontroller =
                            TextEditingController();
                        setState(() {
                          return ListOfIngs(controller, numcontroller, 1);
                        });
                      },
                    ), 

此外,这是ListOfIngs类,我希望它将创建textFields的实际行:

class ListOfIngs extends StatelessWidget {
  @override
  ListOfIngs(TextEditingController controller,
      TextEditingController numcontroller, int i);
  Widget build(BuildContext context) {
    TextEditingController controller;
    TextEditingController numcontroller;
    int i;
    return Row(
      children: <Widget>[
        TextField(
            controller: controller,
            decoration: InputDecoration(
              border: OutlineInputBorder(),
              labelText: 'Ingredient $i',
            ),
            onSubmitted: (ing) {
              _newListIngs.add(controller);
            }),
        TextField(
            controller: numcontroller,
            decoration: InputDecoration(
                border: OutlineInputBorder(), hintText: '#', labelText: '#'),
            keyboardType: TextInputType.number,
            onSubmitted: (numIng) {
              _newlistnumIngs.add(numcontroller);
            }),
      ],
    );
  }
}

我认为我不会以正确的方式进行操作,我希望外面的某个人对如何创建此方法有所了解。谢谢,RiverRipple

0 个答案:

没有答案