웹뷰로 웹페이지를 RN 환경에서 띄우고 있는데 input 태그에 focus가 주어질 때마다 화면이 zoom 되는 현상이 발생했다.
그래서 해결방법은..
출처 : http://blog.freezner.com/archives/1880
[HTML] 모바일에서 입력 창에 포커스 가는 경우 확대되는 효과 없애기
모바일 기기에서 웹페이지를 이용할 때 input text라던가 password 같은 입력 필드를 터치하면 화면이 일정 배율로 확대되는 효과가 나타납니다. 이 확대되는 효과를 없애고 포커스만 가도록 하는
blog.freezner.com
<meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" />
html <head> 태그에 위 메타 태그를 넣어주면 되었다.
'실습업무 > RN' 카테고리의 다른 글
| 앱 로고 변경 (0) | 2022.05.04 |
|---|---|
| select 태그 사파리에서 적용시 기본 style 변경 (0) | 2022.04.21 |
| [오류] React Native SVG 사용하기 (0) | 2022.04.08 |
| [오류] npm ERR! code ERESOLVEnpm ERR! ERESOLVE unable to resolve dependency tree (0) | 2022.04.08 |
| React Native 세로모드만 지원하기 , 가로모드 막기 (0) | 2022.04.07 |