让我的提交按钮知道用户选择了哪个组件 - Flutterflow

Question

我整个周末都在试图解决这个问题。如果有人告诉我如何做，我将非常感激 做这个。我看过视频，阅读过文档，但我就是不明白。

我有 4 个组件，每个组件都有一个图像，它们从文档参考中获取图像 url。什么时候 用户按下提交按钮 我希望应用程序将所选组件的图像 url 与文档中的正确答案进行比较。但我不明白如何让提交按钮知道选择了哪个组件。

请帮忙，我为此抓狂。

我已经观看了无数视频并阅读了有关执行回调的 FF 文档一百万次，但我就是不明白。我似乎无法让“提交”按钮知道已选择哪个组件。

Answer 1

您可以简单地创建列表，然后点击所选项目（图像）索引并在提交时使用该索引。

代码-

 ListView.builder(
                    itemCount: 4,
                    itemBuilder: (context, index) {
                      return InkWell(
                        onTap: () {
                          setState(() {
                            selectedItem=index;
                          });
                        },
                        child: Container(
                          decoration: BoxDecoration(
                            border: Border.all(
                              color: selectedItem == index
                                  ? Colors.blue
                                  : Colors.white,
                            ),
                          ),
                          child: Image.asset(
                              "Your_image_url"), //for network image use Image.network("src")
                        ),
                      );
                    },
                  ),