Flutter Web auto_route 浏览器返回键

Koudeer

已于 2023-02-13 11:49:07 修改

阅读量283

点赞数

分类专栏： Flutter 文章标签： flutter android

于 2023-02-13 11:28:49 首次发布

本文链接：https://blog.csdn.net/NianandShao/article/details/129005982

版权

Flutter 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

在Flutterweb中，使用auto_route插件会导致WillPopScope组件失效，允许用户通过浏览器后退键返回登录页面。为禁用此行为，可以自定义FilterHistoryUrlStrategy策略，仅在非登录页面时更新浏览器历史。但在移动端，这种做法可能引发错误。

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

Flutter web 如果使用auto_route路由插件，则WillPopScope组件无法生效，如果登录页面跳转到首页，此时点击浏览器返回键是可以返回到登录页面；
禁用返回键和前进键

 flutter_web_plugins:
    sdk: flutter

使用方式

void main(){
	///禁用浏览器导航栈堆
	setUrlStrategy(null);
}

禁用某些页面

class FilterHistoryUrlStrategy extends PathUrlStrategy{

  @override
  void pushState(Object? state, String title, String url) {
    if(url == '/login'){
      return;
    }
    super.pushState(state, title, url);
  }

}

setUrlStrategy(FilterHistoryUrlStrategy());

如果想要移动端和web同一套代码，移动端会报错
具体解决方法