由于我很新,所以我试图在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