리엑트네이티브 이미지 비율대로 할당하는 법

리액트 네이티브가 기본으로 지원하는 이미지 태그는 자동으로 이미지 비율대로 안만들어져서 아래처럼 코딩해줘야지 이미지 비율대로 생성된다 1. 이미지 크기대로 생성 style={{ width: 이미지Width height: 이미지height }} 2. 가로크기가 정해진 상태 에서 동적크기 생성 예시) 가로크기가 스크린에 69%로 정했을때 const chartWidth =Dimensions.get('window').width; //화면 가로사이즈 저장 <Image source={{ uri: 이미지소스넣는부분 }} style={{ width: chartWidth * 0.69, height: (chartWidth * 0.69 * 이미지height) / 이미지Width, }} resizeMode="cover" />...

리엑트네이티브 이미지 비율대로 할당하는 법에 대한 요약내용입니다.

자세한 내용은 아래에 원문링크를 확인해주시기 바랍니다.

원문링크 : 리엑트네이티브 이미지 비율대로 할당하는 법