[Flutter] PopScope 예제

우리는 앱을 개발하면서 안드로이드나 ios 에서 뒤로가기나 메인에서 앱을 종료할때 체크를 할때 기존에는 
WillPopScope를 사용을 했었는데요. 

이번에 Flutter 가 업데이트가 되면서 deprecated 가 되어서 다시 적용한 방법 공유해드립니다. 

PopScope class 

https://api.flutter.dev/flutter/widgets/PopScope-class.html

PopScope class - widgets library - Dart API

 

예제

PopScope(
      canPop: false,
      onPopInvoked:(canPop) async {
        var currentUrl = await webViewController!.getUrl();
        print(currentUrl);

        if (currentUrl != null) {
          if (currentUrl.toString() == '해당 메인주소' || currentUrl.toString() == '해당 메인주소 및 체크해야할 주소') {
            var isDoubleClicked = await onWillPopDoubleClickExit();
            if (isDoubleClicked) {
              if (Platform.isIOS) {
                exit(0);
              } else {
                SystemNavigator.pop();
              }
            }
          } else {
            if (await webViewController!.canGoBack()) {
              webViewController!.goBack();
            }
          }
        }
      }

위의 예제를 보시면 메인에서 PopScope를 이용해서 사용하는 방법입니다. 

IOS => exit(0)
Android => SystemNavigator.pop()를 사용하시면 App 이 정상적으로 종료가 됩니다. 

오늘도 즐거운 Fluttering 되세요