flutter 에서 webview 사용하기

flutter 에서 사용할수 있는 기능이 다양한데

그 중 한가지는 구축되어있는 웹사이트를 그대로 어플로 만들수 있다는 점이 있다.

 

방법은 간단하다.

 

flutter 프로젝트 만들기

• 안드로이드 스튜디오나 xcode를 통해서 / 혹은 터미널에서 명령어로 flutter 프로젝트를 생성한다.

pubspec.yaml 추가하기

• webview를 사용할수 있도록 자바 maven 의 dependency 처럼 라이브러리를 추가해준다.
  webview_flutter: 버전

main.dart 파일 코드 추가하기

방금 pubspec에 추가한 dependency를 import 해주고

scaffold 안에 바디를 집어 넣는다.

manifest 설정하기

androidManifest.xml 파일에 

android:usesCleartextTraffic="true" 

를 추가해준다.

 

이렇게 하고 나서 실행을 하면 설정해둔 url 주소가 어플로 보이게 된다.

 

null safety 에러가 나오면 아래 참고 포스팅 참고하자.

---

참고 포스팅

https://thenicesj.tistory.com/358

flutter Error - don't support null safety