Flutter-使用Navigator.pop(context)从AppBar返回上一页不会刷新页面

问题描述 投票:0回答:1

如果某方法在另一页面上运行,我试图刷新列表页面。我确实使用推送导航传递了上下文。

我试图遵循这三个答案Answer 1 Answer 2Answer 3,但我无法在此处管理状态。

这是需要刷新的第一个列表页面。它调用一个类

class _PageLocalState extends State<PageLocal> {
  @override
  Widget build(BuildContext context) {
    return Container(
      child: Column(
        mainAxisAlignment: MainAxisAlignment.start,
        crossAxisAlignment: CrossAxisAlignment.center,
        children: <Widget>[
          Expanded(
            child: SafeArea(
                child: ListView.builder(
              scrollDirection: Axis.vertical,
              shrinkWrap: true,
              itemCount: widget.allLocal.length,
              //padding: const EdgeInsets.only(top: 10.0),
              itemBuilder: (context, index) {
                return LocalCard(widget.allLocal[index]);
              },
            )),
          )
        ],
      ),
    );
  }
}

下一课:

class LocalCardState extends State<LocalCard> {
  FavData localdet;

  LocalCardState(this.localdet);

  ListTile makeListTile() => ListTile(
        contentPadding: EdgeInsets.symmetric(horizontal: 20.0, vertical: 10.0),
        title: Text(
          localdet.name,
          style: TextStyle(fontWeight: FontWeight.bold),
        ),
        subtitle: Text(localdet.loc),
        trailing: Icon(Icons.keyboard_arrow_right, size: 30.0),
        onTap: () => navigateToDetail(localdet),
      );

  Widget get localCard {
    return new Card(
        elevation: 4.0,
        margin: new EdgeInsets.symmetric(horizontal: 10.0, vertical: 6.0),
        child: Container(
          child: makeListTile(),
        ));
  }

  @override
  Widget build(BuildContext context) {
    return new Container(
      child: localCard,
    );
  }

  navigateToDetail(FavData localdet) {
    Navigator.push(
        context,
        MaterialPageRoute(
            builder: (context) => FavouriteDetailPage(
                  mndet: localdet,
                )));
    setState(() {});
  }
}

现在这将路由到最终的详细信息页面:

class _FavouriteDetailPageState extends State<FavouriteDetailPage> {
  bool isFav = false;
  FavData mndet;
  _FavouriteDetailPageState(this.mndet);

  // reference to our single class that manages the database
  final dbHelper = DatabaseHelper.instance;

  @override
  Widget build(BuildContext context) {
    Widget heading = new Container(...);

    Widget middleSection = new Expanded(...);

    Widget bottomBanner = new Container(...);

    Widget body = new Column(...);

    final makeBottom = Container(
      height: 55.0,
      child: BottomAppBar(
        color: Color.fromRGBO(36, 36, 36, 1.0),
        child: Row(
          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
          children: <Widget>[
            new FavIconWidget(mndet),
          ],
        ),
      ),
    );

    return Scaffold(
      appBar: AppBar(
        centerTitle: true,
        title: Text('The Details'),
        backgroundColor: Color.fromRGBO(36, 36, 36, 1.0),
      ),
      body: Container(
        child: Card(
          elevation: 5.0,
          shape: RoundedRectangleBorder(
            side: BorderSide(color: Colors.white70, width: 1),
            borderRadius: BorderRadius.circular(10),
          ),
          margin: EdgeInsets.all(20.0),
          child: Padding(
            padding: new EdgeInsets.symmetric(vertical: 16.0, horizontal: 16.0),
            child: body,
          ),
        ),
      ),
      bottomNavigationBar: makeBottom,
    );
  }

  void share(BuildContext context, FavData mndet) {
    final RenderBox box = context.findRenderObject();
    final String shareText = "${mndet.name} - ${mndet.desc}";
    Share.share(shareText,
        subject: mndet.loc,
        sharePositionOrigin: box.localToGlobal(Offset.zero) & box.size);
  }
}

class FavIconWidget extends StatefulWidget {
  final FavData mnforIcon;
  FavIconWidget(this.mnforIcon);
  @override
  _FavIconWidgetState createState() => _FavIconWidgetState();
}

class _FavIconWidgetState extends State<FavIconWidget> {
  final dbHelper = DatabaseHelper.instance;

  Future<bool> get isFav async {
    final rowsPresent = await dbHelper.queryForFav(widget.mnforIcon.id);
    if (rowsPresent > 0) {
      print('Card Loaded - Its Favourite already');
      return false;
    } else {
      print('Card Loaded - It is not favourite yet');
      return true;
    }
  }

  void _insert() async {...}

  void _delete() async {...}

  @override
  Widget build(BuildContext context) {
    return FutureBuilder<bool>(
        future: isFav,
        initialData:
            false, // you can define an initial value while the db returns the real value
        builder: (context, snapshot) {
          if (snapshot.hasError)
            return const Icon(Icons.error,
                color: Colors.red); //just in case the db return an error
          if (snapshot.hasData)
            return IconButton(
                icon: snapshot.data
                    ? const Icon(Icons.favorite_border, color: Colors.white)
                    : Icon(Icons.favorite, color: Colors.red),
                onPressed: () => setState(() {
                      if (!snapshot.data) {
                        print('Its favourite so deleting it.');
                        _delete();
                      } else {
                        print('Wasnt fav in the first place so inserting.');
                        _insert();
                      }
                    }));

          return CircularProgressIndicator(); //if there is no initial value and the future is not yet complete
        });
  }
}

我确信这只是我所做的一些愚蠢的编码,只是无法发现。哪里。我尝试添加Navigator.pop(context);在详细信息页面的不同部分中,它将失败。

当前,我必须先导航回到“收藏夹”列表页面,然后导航到“首页”,然后再导航回到“收藏夹”列表页面以刷新列表。

flutter dart future
1个回答
0
投票

尝试一下。在任何使用Navigator.pop或Navigator.push的地方。代替此,请使用此:

      Navigator.pushReplacement(context,
        MaterialPageRoute(builder: (BuildContext context) => Password())
       );

        //instead of Password use the name of the page(the second page you want to go to)
© www.soinside.com 2019 - 2024. All rights reserved.