Flutter 应用程序导航问题答案

【问题标题】：Flutter application Navigation IssueFlutter 应用程序导航问题
【发布时间】：2020-12-28 07:41:07
【问题描述】：

我的应用程序中有 2 个屏幕。在第一个屏幕中，我列出了我的 sqflite 数据库中的所有数据。在第二个屏幕中，我提供了删除该记录的功能。但是当我从堆栈中弹出那个屏幕时。它应该被刷新。我怎样才能做到这一点。

这是我的第一个屏幕返回码。

return FutureBuilder<List>(
      future: DatabaseHelper.instance.queryAll(),
      initialData: List(),
      builder: (context, snapshot) {
        return snapshot.hasData
            ? new ListView.builder(
                padding: const EdgeInsets.all(10.0),
                itemCount: snapshot.data.length,
                itemBuilder: (context, i) {
                 
                  print("value : " + snapshot.data.toString());

                  return new Card(
                      child: Column(mainAxisSize: MainAxisSize.min, children: <
                          Widget>[
                  
                    ListTile(
                      leading:
                          Image.file(File(snapshot.data[i]["thumbnail_url"])),

                      title: Text(
                        snapshot.data[i]["title"],
                        style: _biggerFont,
                      ),
                      subtitle: Text(snapshot.data[i]["month"] +
                          ", " +
                          snapshot.data[i]["year"]),
                      
                      onTap: () {
                       
                      },
                    ),

                    ButtonBar(
                      children: <Widget>[
                        Visibility(
                          visible: _isUrduAvail,
                          child: FlatButton(
                            child: const Text('اردو'),
                            onPressed: () {
                            
                                Navigator.of(context).push(MaterialPageRoute(
                                    builder: (context) => OfflinePdfViewer(
                                        snapshot.data[i]["id"].toString(),
                                        snapshot.data[i]["title"],
                                        snapshot.data[i]["urdu_url"],
                                        "Urdu")));
                           
                            },
                          ),
                        ),
                        Visibility(
                          visible: _isEnglishAvail,
                          child: FlatButton(
                            child: const Text('English'),
                            onPressed: () {
                             
                                Navigator.of(context).push(MaterialPageRoute(
                                    builder: (context) => OfflinePdfViewer(
                                        snapshot.data[i]["id"].toString(),
                                        snapshot.data[i]["title"],
                                        snapshot.data[i]["english_url"],
                                        "English")));
                              
                            },
                          ),
                        ),
                        Visibility(
                          visible: _isHindiAvail,
                          child: FlatButton(
                            child: const Text('हिन्दी'),
                            onPressed: () {
                             
                                Navigator.of(context).push(MaterialPageRoute(
                                    builder: (context) => OfflinePdfViewer(
                                        snapshot.data[i]["id"].toString(),
                                        snapshot.data[i]["title"],
                                        snapshot.data[i]["hindi_url"],
                                        "Hindi")));
                            
                            },
                          ),
                        ),
                      ],
                    )
                  ]));
                },
              )
            : Center(
                child: CircularProgressIndicator(),
              );
      },
    );

在此屏幕中，我正在构建列表并填充 FutureBuilder。

在第二个屏幕上，我在该按钮上有按钮，单击该记录将被删除，但调用它可以刷新的路由是什么？

 Navigator.pushAndRemoveUntil(
      context,
      MaterialPageRoute(
        builder: (BuildContext context) => LibraryScreen(),
      ),
      (route) => false,
    );

我已经尝试过这段代码，但它清除了我所有的活动堆栈。

【问题讨论】：

标签： flutter dart hybrid-mobile-app sqflite

【解决方案1】：

当您调用第二个屏幕时，请尝试使用“pushReplacement”而不是“push”

【讨论】：

会刷新列表吗？
它应该重建整个屏幕。但是您将无法使用“pop”返回要返回，您应该使用“push”并将路线定向到您的第一个/上一个屏幕。

【解决方案2】：

您可以尝试使用“Pushreplacement”，因为它会处理之前的路由。

【讨论】：

好的，让我试试这个。

【解决方案3】：

如果您 pushAndRemoveUntil，您将无法返回同一页面。您需要再次推送它，在这种情况下 FutureBuilder 将重建并且您将看到正确的数据。

或者更好的解决方案是将您的数据作为 Stream 而不是 Future，并使用 StreamBuilder 而不是 FutureBuilder。

【讨论】：