본문 바로가기

Flutter

[j Flutter] WebView 뒤로가기 (WillPopScope사용)

728x90
반응형

앞서 webview를 추가하는 법을 알아봤습니다.

2020/11/13 - [Flutter] - [j Flutter] Webview 추가하기

 

[j Flutter] Webview 추가하기

플러터로 webview를 추가해보자. 1. pubspec.yaml 안에 webview_flutter플러그인을 추가한다. pub.dev/packages/webview_flutter webview_flutter | Flutter Package A Flutter plugin that provides a WebView wi..

yj95.tistory.com

webview를 생성한 페이지 안에서 뒤로가기가 되도록 해보자.

만약 웹뷰에서 뒤로가기할 페이지가 없을 시엔 어플에서 뒤로가기가 되도록 처리해보자. 

 

- 전체코드

WillPopScope(
      child: Scaffold(
        body: WebView(
          initialUrl: widget.url,
          onWebViewCreated: (WebViewController webViewController) {
            _webViewController = webViewController;
          },
          javascriptMode: JavascriptMode.unrestricted,
          onPageFinished: (url) {
            _url = url;
          },
        ),
      ),
      onWillPop: () {
        var future = _webViewController.canGoBack();
        future.then((canGoBack) {
          if (canGoBack) {
            _webViewController.goBack();
          } else {
            print('더이상 뒤로갈페이지가 없습니다.');
            
            //뒤로가기 시 처리코드

          }
        });
        return Future.value(false);
      },
    )

 

728x90
반응형