반응형
1) npm 설치
npm i @expo/vector-icons
2) 가져올 아이콘 선택
3) 코드 작성
import {Ionicons, MaterialIcons, FontAwesome} from '@expo/vector-icons'
export default function App() {
return (
<NavigationContainer>
<Tabs.Navigator >
<Tabs.Screen
name="Yourwords"
component={YourwordsStackScreen}
options={{
headerShown:false,
tabBarIcon:()=>(<FontAwesome name="telegram" size={30}/>)
}}
/>
반응형
'React + React Native + Expo' 카테고리의 다른 글
[React Native Expo] Image 사진 올리기 / ImagePicker API (0) | 2021.08.07 |
---|---|
[React Native] 이중 Navigation Container / Keyboard tabBar Options (0) | 2021.08.05 |
[React Native expo] chatting app 만들기 tutorial (0) | 2021.08.02 |
[React] 리액트 CRUD (0) | 2021.07.31 |
[React native] 기초 다지기 - view / 버튼 / Image / flex 세로 가로 설정 / 정렬 등 CSS (0) | 2021.07.30 |