[Flutter] 플루터 WebView가 Android에서는 열리지만 iOS에서는 열리지 않을 때 해결 법

Android 기기에서는 웹뷰가 잘 열리는데, iOS에서는 열리지 않을 때 해결법

 

1. Info.plist에 io.flutter.embedded_views_preview key의 value값을 YES로 설정한다.

<key>io.flutter.embedded_views_preview</key>
<string>YES</string>

 

2. url주소 인코딩을 확인한다. 주소가 UTF8 (URL form) 인코딩으로 되어 있어야 android, iOS 둘 다 동작한다.

WebView(
  key: UniqueKey(),
  javascriptMode: JavascriptMode.unrestricted,
  initialUrl: 'https://m.search.naver.com/search.naver?where=m_image&query=티스토리'
); // 안드로이드에서는 동작하지만 iOS에서는 동작하지 않음.

WebView(
  key: UniqueKey(),
  javascriptMode: JavascriptMode.unrestricted,
  initialUrl: 'https://m.search.naver.com/search.naver?where=m_image&query=%ED%8B%B0%EC%8A%A4%ED%86%A0%EB%A6%AC'
); // 안드로이드, iOS 둘 다 동작 함

WebView(
  key: UniqueKey(),
  javascriptMode: JavascriptMode.unrestricted,
  initialUrl: 'https://m.search.naver.com/search.naver?where=m_image&query=${Uri.encodeFull("티스토리")}'
); // 안드로이드, iOS 둘 다 동작 함