티스토리 뷰
728x90
반응형
React Native 앱을 만들면서, TouchableOpacity 혹은 Button 안에 Icon Image를 삽입하고 Text를 넣을 경우,
이미지가 버튼의 크기보다 클 경우에 짤리는 경우가 있다.
이렬 경우 Margin / Padding, Width/Height 등의 속성을 사용해도 찝찝하다.
이미지 크기가 다르더라도 원본의 비율을 그대로 가져오고 싶을 때,
style 속성에서
<Image style={{resizeMode="contain"}} />
이런 식으로 스타일을 주면 해결된다.
728x90
반응형
'개발 세상 > React Native' 카테고리의 다른 글
반응형
250x250
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 앱개발
- REACT
- 코린이
- ios
- 영종도데이트
- Firebase
- app
- vscode
- build
- ChatGPT
- It
- Android
- React Hooks
- vsC
- typeScript
- Ai
- reactQuery
- CSS
- React Native
- ReactNative
- IMAGE
- Mac
- FlatList
- useEffect
- Xcode
- rn
- JavaScript
- 스파르타코딩클럽
- useState
- TS
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
글 보관함