[React Native] Bottom tab에 아이콘 추가하기 expo/vector-icons

 

1) npm 설치 

npm i @expo/vector-icons

2) 가져올 아이콘 선택 

https://icons.expo.fyi/

@expo/vector-icons directory

 

 

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}/>)
          }}
        />

 

아이콘 추가 완료 !