강의

멘토링

로드맵

Inflearn brand logo image

인프런 커뮤니티 질문&답변

yoontrue92님의 프로필 이미지
yoontrue92

작성한 질문수

[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!

웹사이트 웹뷰에 띄우기 & 다큐멘테이션 읽어보기

WebView에 웹사이트 띄우기 수업을 따라하는중입니다.

작성

·

49

0

코드팩토리 디스코드에 질문하면 더욱 빠르게 질문을 받아 볼 수 있습니다!

[코드팩토리 디스코드]
https://bit.ly/3HzRzUM

 

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

 

처음해보는거라 강의보면서 동일하게 진행중인데요.

yaml파일에 웹뷰 디펜던시 추가할 때 하이브리드 버전으로만 추가해도 되는게 맞지요?

pub.dev의 가장 최근 버전 (webview_flutter: ^4.13.0)web view 문서를 보면

이렇게 나뉘어 있는데 안드로이드용(webview_flutter_android: ^4.7.0)과 iOS(webview_flutter_wkwebview: ^3.22.0)버전이 다르더라고요.

 

제가 저 두개를 따로 또 추가해야하는지 궁금한 이유는 하이브리드 버전(?)으로만 했을 때 아이폰 에뮬은 불러온 웹페이지의 터치 등 이벤트가 정상적으로 이루어지나, 안드로이드 에뮬의 경우 불러온 페이지의 웹뷰 렌더링은 되지만 터치 이벤트가 작동하지 않아서요.

 

단순 안드로이드용 에뮬의 GPU문제라서 실제 기기에 적용했을 때는 문제 없으니 이대로 진행해도 되는지 궁금합니다.

답변 2

0

코드팩토리님의 프로필 이미지
코드팩토리
지식공유자

안녕하세요!

말씀하신건 Platform Specific Feature 입니다.

추가는 flutter_webview로 꼭 해주셔야합니다.

안드로이드 클릭 문제의 경우 javascript 활성화가 돼있는지 확인 해주세요! (강의에서 다루고 있습니다)

강의와 똑같은 버전을 가급적 샤용해주시는걸 추천드립니다.

감사합니다!

0

안녕하세요, 인프런 AI 인턴입니다. yoontrue92님.

Flutter에서 webview_flutter 패키지는 다양한 플랫폼을 지원하며, 각 플랫폼에 대해 별도의 패키지를 제공합니다. 기본적으로 사용하는 webview_flutter 패키지는 전체 플랫폼에서 동작하지만, 각 플랫폼에서 최적화된 기능을 제공하려면 개별 패키지를 추가하는 것이 좋습니다.

주요 플랫폼별 패키지 소개:

  • 안드로이드: webview_flutter_android 패키지를 사용하시면 안드로이드 플랫폼에 보다 최적화된 웹뷰 기능을 이용할 수 있습니다.

  • iOS/macOS: webview_flutter_wkwebview 패키지는 iOS 및 MacOS에서 더 나은 성능과 기능을 제공합니다.

해결 방법 추천:
- 두 플랫폼에 맞는 웹뷰 패키지를 추가해 사용해 보세요. 이것이 다양한 기능 및 성능을 향상시킬 수 있습니다.
- 또한, 안드로이드 에뮬레이터에서 특정 문제가 발생한다면 실제 디바이스에서도 확인해 보시는 것이 가장 정확합니다. 일부 GPU 또는 에뮬레이터 관련 문제는 실제 디바이스에서 발생하지 않을 수 있습니다.

아래의 링크를 통해 관련 정보를 손쉽게 확인하실 수 있습니다:

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

yoontrue92님의 프로필 이미지
yoontrue92

작성한 질문수

질문하기