有人可以为我配置此代码上的后退按钮吗？

问题描述

当我按下设备的后退按钮时，应用会关闭，因此我想配置设备的后退按钮以按顺序返回页面而不退出。谢谢

import 'package:Flutter/material.dart';
    import 'package:webview_Flutter/webview_Flutter.dart';
    
    void main() => runApp(MyApp());
    
    class MyApp extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        return MaterialApp(
          debugShowCheckedModeBanner: false,title: 'Welcome to Flutter',home: Scaffold(
            body: WebView(
              initialUrl: "https://www.carrefourjordan.com",javascriptMode: JavascriptMode.unrestricted,),);
      }
    }

解决方法

您好，通过将支架包裹在willpopscope中来管理后退按钮的使用，可以使用Willpopscope并使用onwillpop属性

WillPopScope(
  onWillPop: (){
   // Navigator.push(context,MaterialPageRoute(builder: (context)=>Page()));
       return Future.value(false);
  },child: Scaffold(
    body: WebView(
      initialUrl: "https://www.carrefourjordan.com",javascriptMode: JavascriptMode.unrestricted,),);

,

您可以通过2个步骤来实现这一目标：

1. 将脚手架包裹在WillPopScope中以捕获后退按钮按下事件
2. 使用webview程序包InAppWebView控制器的canGoback()和goBack()移到WeView中

尝试一下：

  class MyApp extends StatelessWidget {
  InAppWebViewController _webViewController;

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,title: 'Welcome to Flutter',home: WillPopScope(
        onWillPop: _onBack,child: Scaffold(
          body: InAppWebView(
            initialUrl: "https://www.carrefourjordan.com",onWebViewCreated: (InAppWebViewController controller) {
              _webViewController = controller;
            },);
  }

  Future<bool> _onBack() async {
    if (await _webViewController.canGoBack()) {
      _webViewController.goBack(); // perform webview back operation
      return false;
    } else {
      // Webpage in home page
      return true; // Close App
    }
  }
}