Flutter中如何解决InAppWebViewController返回时的重定向问题

我在Flutter中使用InAppWebViewController时遇到一个重定向问题：当页面发生重定向后，点击物理返回键或导航栏返回按钮时，控制器会直接返回到重定向前的URL，而不是按照浏览历史逐步返回。这导致用户无法正常回退到中间页面。请问如何让InAppWebViewController正确处理重定向后的返回逻辑？比如能否监听重定向事件并手动管理浏览历史栈？

2 回复

在InAppWebViewController中，重写shouldOverrideUrlLoading方法，检查是否为返回操作，并调用canGoBack和goBack方法处理重定向。

更多关于Flutter中如何解决InAppWebViewController返回时的重定向问题的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在Flutter中，使用flutter_inappwebview插件时，处理InAppWebViewController返回时的重定向问题，可以通过以下方法解决：

问题原因

返回操作时，WebView可能自动触发重定向（如登录跳转、广告重定向），导致页面无法正常返回上一页。

解决方案

  1. 拦截导航请求：使用shouldOverrideUrlLoading回调，检测并控制重定向行为。
  2. 管理历史记录：通过canGoBack和goBack方法，结合自定义逻辑处理返回操作。

代码示例

InAppWebViewController? _webViewController;

@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(
      title: Text('WebView'),
      leading: IconButton(
        icon: Icon(Icons.arrow_back),
        onPressed: () async {
          if (await _webViewController?.canGoBack() ?? false) {
            _webViewController?.goBack(); // 返回上一页
          } else {
            Navigator.of(context).pop(); // 退出WebView
          }
        },
      ),
    ),
    body: InAppWebView(
      initialUrlRequest: URLRequest(url: Uri.parse('https://example.com')),
      onWebViewCreated: (controller) {
        _webViewController = controller;
      },
      shouldOverrideUrlLoading: (controller, navigationAction) async {
        // 拦截重定向，返回NavigationActionPolicy.ALLOW允许加载
        // 如需阻止重定向，可返回NavigationActionPolicy.CANCEL
        return NavigationActionPolicy.ALLOW;
      },
    ),
  );
}

关键点

  • shouldOverrideUrlLoading：在此回调中判断URL是否为重定向，根据需要允许或阻止加载。
  • 自定义返回逻辑：在导航栏返回按钮中，优先检查WebView历史记录，避免直接关闭页面。

通过以上方法，可有效控制返回时的重定向行为，提升用户体验。

回到顶部