[Flutter/Webview] 소프트 키보드가 화면을 가리는 현상

Question

기본적으로 이미 만들어진 반응형 웹에 Flutter를 이용하여 껍데기만 입힌 상태입니다.텍스트 필드에 뭘 입력하려고 하면 키보드가 영역을 가리는 문제입니다.네이티브 같으면 텍스트 필드 하나를 지정하여 포커스를 두면 되겠으나..웹뷰에서는 녹록치가 않네요.Single Child Scroll View도 써봤고, windowSoftInputMode 역시 adjustResize로 변경해보았으나 달라지는 게 없습니다.결과적으로는 키보드가 올라올 때 화면이 텍스트 필드를 포커스 하면서 자동으로 스크롤 되도록 만들고 싶은거죠..IOS 기기에서는 특별한 조치 없이 원하는대로 잘 작동하고 있지만 안드로이드가 문제입니다.연휴라서 보시는 분들이 있을지 모르겠지만..개발 초기부터 끝내 해결하지 못한 문제입니다.스택 오버 플로우를 보면 동일한 증상을 겪은 형님들이 많은 거 같은데 이렇다 할 도움이 되지는 못하고 있네요..웹뷰를 감싸고 있는 소스코드는 다음과 같습니다..!class _MyHomePageState extends State<MyHomePage> { &#64;override Widget build(BuildContext context) { return Scaffold( resizeToAvoidBottomInset: true, body: SizedBox( height: MediaQuery.of(context).size.height, width: MediaQuery.of(context).size.width, child: const WebviewController(), ), ); } }

dsfdcothbjerfmdp;bo · Answer

그냥 js로 조정하세요 포커스에 이벤트트리거달고 해당위치로 스크롤되게근데 반응형이라 뷰포트에맞춰서 전역객체크기가 정해졌다면? 그냥 js로 밀어줄값만큼 아래에 빈공간추가해주세요유저가 이상한장난치지않을까요?우리웹개발자들은 css속성 다못외우죠 평생지나도 근데찾아보면 별게다잇어요.body { overflow: hidden; height: 100%; } 이럼끝나겠네요굳이 왜 플루타단에서 해결하실려하시나요? 웹뷰내에서 처리되는거를요 플러터단에서해결할수도 있긴할겁니다 근데 플러터웹뷰앱을 안만들어봐서 해당 컨테이너들도 첨보고해서 드릴방법이이거뿐이네요 글코 웹뷰단에서 다처리하시면 데이터통신과정이생략되니 최적화에도 좋지않을까요?

[Flutter/Webview] 소프트 키보드가 화면을 가리는 현상

1개의 답변

Q&A 목록