[React Native] React Native Image Size 알맞게 조정하기

티스토리 뷰

개발 세상/React Native

썬이_ 2022. 2. 9. 17:32

728x90

React Native 앱을 만들면서, TouchableOpacity 혹은 Button 안에 Icon Image를 삽입하고 Text를 넣을 경우,

이미지가 버튼의 크기보다 클 경우에 짤리는 경우가 있다.

이렬 경우 Margin / Padding, Width/Height 등의 속성을 사용해도 찝찝하다.

이미지 크기가 다르더라도 원본의 비율을 그대로 가져오고 싶을 때,

style 속성에서

<Image style={{resizeMode="contain"}} />

이런 식으로 스타일을 주면 해결된다.

728x90

[ReactNative/RN] react-native run-android 시 Execution failed for task ':app:installDebug' 이슈 해결 (0)	2022.03.04
[ReactNative/RN] Possible Unhandled Promise Rejection 이슈 해결 방안 (1)	2022.03.03
[React Native/RN] React Native로 빌드한 Debug APK 파일 스마트폰에서 USB 없이 Wifi 환경에서 디버깅하는 법 (2)	2022.02.03
[React-Native] run-android 시 Execution failed for task ':react-native-date-picker:mergeDebugShaders' 관련 이슈 해결 (3)	2022.02.02
[React]리액트 훅(Hook)에 대해 알아보자!(useState, useEffect) - 3 useEffect (1)	2022.01.28

250x250

공지사항

최근에 올라온 글

최근에 달린 댓글

링크

글 보관함