Flutter Web에서 WebView 사용하는 법

https://pub.dev/packages/webview_flutter

Flutter에서 웹 페이지를 띄울 일이 생기지만 WebView 관련 패키지는 전부 안드로이드와 ios밖에 지원을 하지 않는 경우가 많다. 웹에서 웹페이지를 띄울 일이 있어서 한번 찾아봤습니다.

 

https://pub.dev/packages/webviewx

그러던 순간 webviewx라는 패키지를 발견했습니다. (https://pub.dev/packages/webviewx)

 

설치 후 사용해 본 결과 잘 띄워지는 것 같습니다.

 

웹에서 WebView를 띄우는 방식은 iframe 태그를 통해 로드하는 식으로 작동됩니다.

 

플러터 웹에서 iframe을 띄우려면 IFrameElement (https://api.flutter.dev/flutter/dart-html/IFrameElement-class.html)를 사용해서 띄울 수 있습니다. 이 외에도 DivElement (https://api.flutter.dev/flutter/dart-html/DivElement-class.html)와 같이 다른 HTML 태그도 웹에서 띄울 수 있습니다.

 

이상으로 플러터 웹에서 WebView를 띄울 수 있는 방법에 대해 알아봤습니다.