flutter app项目退出应用

雨沐Andy

已于 2023-03-31 19:08:43 修改

阅读量1.5k

点赞数 1

分类专栏： Flutter项目开发文章标签： flutter java 开发语言

于 2023-03-31 19:02:20 首次发布

本文链接：https://blog.csdn.net/fuweng886/article/details/129886775

版权

Flutter项目开发专栏收录该内容

17 篇文章 0 订阅

订阅专栏

该代码段展示了在Flutter中如何实现APP主页面的退出功能，通过记录上次点击时间判断两次点击的间隔来防止误操作。同时，定义了一个BottomNavigationBar，包含了多个页面选项。用户在尝试退出时会收到提示，需短时间内连续两次点击才能退出。此外，还展示了自定义的对话框提示确认退出。

摘要由CSDN通过智能技术生成

app主页面实现以下代码： 
DateTime? _lastPressedAt; // 上次点击时间

// 退出app
Future<bool> exitApp() async {
  if (_lastPressedAt == null ||
      DateTime.now().difference(_lastPressedAt!) > Duration(seconds: 2)) {
    Fluttertoast.showToast(
        msg: "再按一次退出应用",
        backgroundColor: Colors.grey,
        toastLength: Toast.LENGTH_SHORT,
        fontSize: 14);
    //两次点击间隔超过2秒则重新计时
    _lastPressedAt = DateTime.now();
    return Future.value(false);
  }
  return Future.value(true);
  /*return showDialog(
      context: context,
      builder: (context) => new AlertDialog(
            content: new Text("是否退出"),
            actions: <Widget>[
              new FlatButton(
                  onPressed: () => Navigator.of(context).pop(false),
                  child: new Text("取消")),
              new FlatButton(
                  onPressed: () {
                    Navigator.of(context).pop(true);
                  },
                  child: new Text("确定"))
            ],
          ));*/
}

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: WillPopScope(
      onWillPop: exitApp,///通过willpopScope拦截，实现原生类似效果
      child: PageView(
        physics: NeverScrollableScrollPhysics(),
        controller: _controller,
        children: [
          HomePage(),
          SearchPage(hideLeft: true),
          TravelPage(),
          MyPage()
        ],
      ),
    ),
    bottomNavigationBar: BottomNavigationBar(
      selectedFontSize: 12,
      unselectedFontSize: 12,
      selectedLabelStyle: TextStyle(color: _activeColor),
      unselectedLabelStyle: TextStyle(color: _defaultColor),
      currentIndex: _currentIndex,
      type: BottomNavigationBarType.fixed,
      onTap: (index) {
        _controller.jumpToPage(index);
        setState(() {
          _currentIndex = index;
        });
      },
      items: [
        _bottomItem(Icons.home, '首页', 0),
        _bottomItem(Icons.search, '搜索', 1),
        _bottomItem(Icons.camera_alt, '旅拍', 2),
        _bottomItem(Icons.account_circle, '我的', 3),
      ],
    ),
  );
}