如何在 Flutter 上使用 pop 获取返回值？

Question

我想知道如何在 Flutter 上使用 pop 获取两个值。 我试着写代码。但我得到了异常“必须向文本小部件提供非空字符串。”

这里是代码。

第一个屏幕

                      ElevatedButton(
                        child: const Text('move to second screen'),
                        style: ElevatedButton.styleFrom(
                            primary: Colors.orange, onPrimary: Colors.white),
                        onPressed: () async {
                          final List<String> _response =
                              await Navigator.pushNamed(
                                  context, '/adminCategoryPicker');
                          emoji = _response[0];
                          emojiName = _response[1];
                        },
                      ),

第二屏

return Card(
                  child: ListTile(
                    leading: Text(targetElectricsEmojiLists[index]),
                    title: Text(targetElectricsNameLists[index]),
                    onTap: () {
                      setState(() {
                        _selectedName = targetElectricsNameLists[index];
                        _selectedEmoji = targetElectricsEmojiLists[index];
                      });
                      Navigator.pop(
                        context,
                        {_selectedName, _selectedEmoji},
                      );
                    },
                  ),
                );

我认为这个问题在下面的部分。你知道写代码的其他方法吗？

第一个屏幕

onPressed: () async {
     final List<String> _response =
     await Navigator.pushNamed(
          context, '/goToSecondScreen');
           emoji = _response[0];
           emojiName = _response[1];
},

第二屏

Navigator.pop(
       context,
       {_selectedName, _selectedEmoji},
);

---

我更改了代码。此外，我得到了错误。

[ERROR:flutter/lib/ui/ui_dart_state.cc(186)] 未处理的异常：类型“MaterialPageRoute”不是类型“Route？”的子类型在类型转换中

第一个屏幕

ElevatedButton(
                        child: const Text('move to second screen'),
                        style: ElevatedButton.styleFrom(
                            primary: Colors.orange, onPrimary: Colors.white),
                        onPressed: () async {
                          final List<String> _response =
                              await Navigator.pushNamed(
                                  context, '/adminCategoryPicker');
                          emojiName = _response[0];
                          emoji = _response[1];
                        },
                      ),

第二屏

return Card(
                  child: ListTile(
                    leading: Text(targetElectricsEmojiLists[index] ?? 'null'),
                    title: Text(targetElectricsNameLists[index] ?? 'null'),
                    onTap: () {
                      setState(() {
                        _selectedName = targetElectricsNameLists[index];
                        _selectedEmoji = targetElectricsEmojiLists[index];
                      });
                      Navigator.pop(
                        context,
                        [_selectedName, _selectedEmoji],
                      );
                    },
                  ),
                );

Answer 1

你可以试试下面的方法

第一个屏幕

                 ElevatedButton(
                    child: const Text('move to second screen'),
                    style: ElevatedButton.styleFrom(
                        primary: Colors.orange, onPrimary: Colors.white),
                    onPressed: () {
                       
                        Navigator.pushNamed(context,'/adminCategoryPicker')
                        .then((value) 
                          {
                             emoji = (value as Map)['emoji'];
                             emojiName =  (value as Map)['emojiName'];
                          });
                       },
                     ),

第二屏

return Card(
                  child: ListTile(
                    leading: Text(targetElectricsEmojiLists[index]),
                    title: Text(targetElectricsNameLists[index]),
                    onTap: () {
                      setState(() {
                        _selectedName = targetElectricsNameLists[index];
                        _selectedEmoji = targetElectricsEmojiLists[index];
                      });
                      Navigator.pop(
                        context,{'emoji':_selectedName,'emojiName':_selectedEmoji}
                      );
                    },
                  ),
                );

Answer 2

我认为您返回的字符串列表格式错误。字符串需要在方括号内。像这样：

Navigator.pop(
       context,
       [_selectedName, _selectedEmoji],
);

关于错误“必须向文本小部件提供非空字符串。”，当您将空值传递给文本小部件时会发生这种情况。您可以像这样在第二个屏幕中更改文本小部件以检查空值，并在文本小部件中包含非空虚拟文本并消除错误：

return Card(
                  child: ListTile(
                    leading: Text(targetElectricsEmojiLists[index] ?? 'NULL value here'),
                    title: Text(targetElectricsNameLists[index] ?? 'NULL value here'),
                    onTap: () {
                      setState(() {
                        _selectedName = targetElectricsNameLists[index];
                        _selectedEmoji = targetElectricsEmojiLists[index];
                      });
                      Navigator.pop(
                        context,
                        {_selectedName, _selectedEmoji},
                      );
                    },
                  ),
                );

Answer 3

第一个屏幕

onPressed: () async {
     final dynamic _response =
     await Navigator.pushNamed(
          context, '/goToSecondScreen');
           emoji = _response["selectedName"];
           emojiName = _response["selectedEmoji"];
},

第二屏

Navigator.pop(
       context,
       {"selectedName":_selectedName,"selectedEmoji": _selectedEmoji},
);