首页 > 解决方案 > Flutter:将数据发送回特​​定列表项

问题描述

我正在尝试将数据发送到屏幕上的特定列表项。

逻辑是您单击列表中的特定卡,它会打开带有输入字段的第二个屏幕(见下图)。然后您提交您的输入,它会在第一个屏幕上更改该特定卡的值。

实现这一目标的最佳方法是什么?

在此处输入图像描述 在此处输入图像描述

标签: flutterdartflutter-layout

解决方案


您可以通过执行以下步骤来实现此目的:

1)在onTap卡片的函数中,通过添加以下代码等待结果:

                     // on tap function of your card
   onTap: () async {
   // navigate to the second screen and wait for input user enters
         final result = await Navigator.push(context
                     MaterialPageRoute(builder: (context) => SecondScreen()));

         // call setstate to see your changes 
         setState(() {
         // add the input to your list
         myList.add(result);
          );
        },

1) 在提交按钮的 onTap 函数中,通过添加以下代码发回结果:

 // ontap function of your submit button
 onTap: () {
       // value is what the user has inputted in the text field
       Navigator.pop(context, value);
 },

推荐阅读