-
아이콘 연결 w.r.t OS PlatformApp - Android 학습 일지 2022. 6. 27. 18:35
https://icons.expo.fyi/
에서 제공된 목록을 참조해 아이콘을 불러다 쓰면 되는데
핸드폰 기종(platform)에 따라 이름이 다르다.
아이폰의 경우 "ios-" iOSx의 경우 "ios-"로 시작하고
안드로이드의 경우 "md-"로 시작한다.
//현재 이 앱을 구동하고 있는 디바이스가 뭔지 (Platform.OS) let iconName = Platform.OS === 'ios' ? 'ios-' : 'md-'; //route.name을 이용해서 해당 페이지의 이름을 넘김 if (route.name === 'MainPage') { iconName += 'list'; } else if (route.name === 'AddPage') { iconName += 'apps-outline'; } else if (route.name === 'MyPage') { iconName += 'person'; }
<TabNavigation.jsx>
'App - Android 학습 일지' 카테고리의 다른 글
외부 (무거운) 데이터 로딩시 (0) 2022.06.27 [W2-7] 페이지 로딩시 반복 방지 (0) 2022.06.27 아이콘 모음 (0) 2022.06.27 [W2-5] navigation 넘겨주는 방식 (0) 2022.06.27 EXPO/React Native : component 참조 URL (0) 2022.06.24