flutter webview ERR_CLEARTEXT_NOT_PERMITTED

상황 

로컬에서 리액트로 개발하고 있는 화면을 모바일 웹뷰화면에서는 어떻게 보이는지 바로 확인하고 싶어 앱 내에서 로컬 서버주소를 호출했더니 ERR_CLEARTEXT_NOT_PERMITTED 라는 에러가 떴다.

아래와 같이 웹페이지 주소가 뜨면서 로딩이 안된다고 함

 

 

 

 

해당 오류는 https 통신이 아닌 http 통신을 보안문제로 막아둬서 그러니 http 통신을 오픈하면 된다. 

 

해결

main > AdroidManifest.xml 파일에 아래를 추가해주고, 에뮬레이터를 재시작하니 잘 되었다.

<application android:usesCleartextTraffic="true"/>

 

 

Ref

https://docs.flutter.dev/release/breaking-changes/network-policy-ios-android#allowing-cleartext-connection-for-debug-builds

Insecure HTTP connections are disabled by default on iOS and Android