[알게된 것] React Native WebView 모바일 UI

Chobby·2023년 10월 26일
NativeReactUImobilewebview반응형
1

알게된 것

목록 보기
23/62
post-thumbnail

😀문제상황

WebView를 활용한 개발을 진행하던 도중, 토스 결제연동 페이지에서 PC 반응형 UI가 렌더링 됨

😁해결방법

  • Android: WebView 옵션 중 scalesPageToFit={false}을 설정하면, 모바일 종횡비에 따른 UI가 렌더링 됨
  • iOS: 
source={{
          html: `
            <head>
            <meta charset="utf-8" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1" name="viewport" />
profile
Chobby
내 지식을 공유할 수 있는 대담함
이전 포스트

[알게된 것] React Native Modulemap not found

다음 포스트

[알게된 것] Prisma generate 오류

0개의 댓글