Flutter：如何将 Textfield 输入放入列表以构建 ListView.builder

如何解决Flutter：如何将 Textfield 输入放入列表以构建 ListView.builder

我几天以来一直在尝试构建一个列表视图构建器。为此，我需要从另一个屏幕输入文本字段。我看了很多教程和问题，但它不起作用。我试图将来自多个文本字段的输入放入多个列表以构建一个 Listview 构建器。如果我可以在按下 flatbutton 时保存所有文本字段输入，那将是最好的。我希望有人可以帮助我。

第一页

List<String> time = ["8:00"];List<String> 
List<String> where = ["Am See"];
List<String> who = ["Eric"];
List<String> when = ["Donnerstag 21.4.21"];






body: SingleChildScrollView(
            physics: ScrollPhysics(),child: Column(children: [
              Upperscreen(size: size),ListView.builder(
                  physics: NeverScrollableScrollPhysics(),shrinkWrap: true,itemCount: where.length,itemBuilder: (BuildContext context,int Index) {
                    return Column(children: [
                      SizedBox(
                        height: 40,),Container(
                          child: GestureDetector(
                              onTap: () {
                                Navigator.push(
                                    context,MaterialPageRoute(
                                        builder: (context) => Meet1()));
                              },child: Container(
                                  width: size.width * 0.9,decoration: Boxdecoration(
                                    borderRadius: BorderRadius.all(
                                        Radius.circular(70)),gradient: LinearGradient(
                                      begin: Alignment.topRight,end: Alignment.bottomright,colors: [
                                        Colors.green,Colors.orange,],child: Column(children: <Widget>[
                                    SizedBox(
                                      height: 10,Padding(
                                      padding: EdgeInsets.all(20),child: Column(
                                        children: <Widget>[
                                          Text(
                                            time[Index],style: TextStyle(
                                                color: Colors.white,fontSize: 40,fontWeight:
                                                    FontWeight.bold),SizedBox(
                                            height: 10,Text(
                                            who[Index],fontSize: 20,Text(
                                            when[Index],Text(
                                            where[Index],

第二页

child: Column(children: <Widget>[
      SizedBox(
        height: 10,Padding(
        padding: EdgeInsets.all(20),child: Column(
          children: <Widget>[
            TextField(decoration: Inputdecoration(hintText: " Time ")),SizedBox(
              height: 10,TextField(
              decoration: Inputdecoration(hintText: " Who "),TextField(
              decoration: Inputdecoration(hintText: " Date "),TextField(
              decoration: Inputdecoration(hintText: " Where "),SizedBox(height: 10)
          ],]));

这里是要添加所有内容的 Flatbutton。

return FlatButton(
  child: Icon(
    Icons.check_circle_outline_rounded,color: Colors.green,size: 120,onpressed: () {
    Navigator.of(context).popUntil((route) => route.isFirst);
  },

解决方法

使用 TextEditingController()，就像这样 -

TextEditingController() myController = TextEditingController();

然后将此控制器分配给TextField()中的控制器属性-

TextField(
  controller: myController,),

然后使用myController.text从TextField()中检索文本，并将其作为String参数传递给其他页面-

示例 -

class Screen1 extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      //....
      body: FlatButton(
        child: Icon(
        Icons.check_circle_outline_rounded,color: Colors.green,size: 120,onPressed: () {
            Navigator.push(context,MaterialPageRoute(builder: (builder) {
                 return Screen2(text: myController.text);
            }));
         },//....
     ),);
  }
}

第二页 -

class Screen2 extends StatelessWidget {
  
  String text;
  Screen2({this.text});
  
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      //....
      body: Text(text),);
  }
}

Go to this link to see another example

现在，我在这里只使用了 1 个参数“文本”。您可以根据需要使用多个参数，例如“text1”、“text2”、“text3”等，并为此使用尽可能多的 TextEditingController()。

*****另请注意，FlatButton() 的使用已折旧，您可以使用 TextButton() 代替