是否可以使用 navigator.pop 刷新或重新加载页面...例如第 1 (nav.push=>2) 页到第 2 页，然后从第 2 (nav.pop, value) 返回到第 1 页？

Question

我想使用 navigator.pop 将值从第二页传递到第一页，并使用新值initstate或任何其他解决方法刷新或重新加载我的第一页？

我能够在第一页中获取这些值，但无法使用新值刷新或重新加载页面，initstate其中我想在 API 中传递新数据并获取响应...

有什么帮助吗？

我正在从此重定向到列表页面...

getBrand(BuildContext context) async {
    tempBrand = await Navigator.push(context,
        MaterialPageRoute(builder: (context) => BrandList(widget.subCatID)));
    selectedBrand = tempBrand.name;
    selectedBrandID = tempBrand.id;
  }

现在我在这里传递这些值 navigator.pop

在此处获取价值并传回第一页。

Container(
          padding: EdgeInsets.all(10),
          child: ListView.separated(
              separatorBuilder: (context, index) =>
                  Divider(color: Color(0xffcccccc)),
              itemCount: prodBrands.length,
              itemBuilder: (BuildContext context, int index) {
                return GestureDetector(
                  child: InkWell(
                    onTap: () {
                      tempProdBrand = ProdBrandListModel.Message(
                        id: prodBrands[index].id,
                        name: prodBrands[index].name,
                      );

                      Navigator.pop(context, tempProdBrand);

                    },
                    child: Container(
                      child: Text(prodBrands[index].name),
                      padding: EdgeInsets.all(10.0),
                    ),
                  ),
                );
              }),
        )

想在这里使用新值...

submitProduct() {
    api
        .newbiz(
      selectedBrandID,
    )
        .then((response) {
      setState(() {
        productID = response.message;
      });
    });
    setState(() {});
  }

当我使用在 pop 函数中传递的新值弹回第一页时，只想从 initstate 或任何其他方式刷新我的页面。

Answer 1

从第 1 页导航到第 2 页

通常你使用 Navigator.push() 例如：

// Page1
    Navigator.push(context, MaterialPageRoute(builder: (context) => Page2()));

当您在 Page2 时，您会做一些工作，例如在共享首选项中保存一些数据，然后返回 Page1 并刷新 Page1 以从共享首选项中获取新数据，您可以使用

//Page2
    Navigator.pop(context);

这不足以刷新你的 Page1，所以你需要在 Page1 Navigator 中附加一个 .then 作为回调，当你从 page2 弹出时它会被调用，并且 .then 应该有一个设置状态来触发重建只需调用一个设置状态中的某些内容会导致像这样的重建：

//Page1
    Navigator.push(context, MaterialPageRoute(builder: (context) => Page2())).then((value) {
                  setState(() {
                    // refresh state of Page1
                  });
                });