React Native router flux bottom tab - 바텀탭 만들기 / svg 아이콘

App.js

 <Router>
      <Tabs key="root">
        <Scene
          key="main"
          component={Main}
          hideNavBar={true}
          initial={true}
        />
        <Scene key="record" component={Record} hideNavBar={true} />
        <Scene key="calendar" component={Calendar} hideNavBar={true} />
        <Scene key="my" component={My} hideNavBar={true} />
      </Tabs>
 </Router>

 

만들어진 탭바

 

다음은 svg 아이콘 넣기

 

yarn add react-native-svg
yarn add --dev react-native-svg-transformer

https://github.com/react-native-svg/react-native-svg

 

 

 

 

 

 

 

 

import IcMain from './assets/icons/main.svg';


const MainIcon = () => <IcMain />;

 <Scene
          key="main"
          component={Main}
          icon={MainIcon}
          hideNavBar={true}
          initial={true}
        />

import 후 변수만들기 그냥 넣으면 에러남....