Drawer Navigator 설치 및 사용

주제: Drawer Naviagtor 설치하고 사용하기

https://reactnavigation.org/docs/drawer-navigator

1. 설치

1. yarn add @react-navigation/drawer
2. yarn add react-native-gesture-handler react-native-reanimated
3. index.js or App.js 여기에 아래 코드 추가하기

import 'react-native-gesture-handler';

4. npx pod-install ios

설치하고 xcode를 실행할때 이런 에러가 발생하면 해결방법
1. babel.config.js에 아래 코드를 추가한다

  plugins: ['react-native-reanimated/plugin'],

2. 그래도 에러나면 터미널에 아래 명령어를 입력해서 cache를 reset하고 다시 실행한다

npx react-native start --reset-cache

2. 사용하기

import { createDrawerNavigator } from '@react-navigation/drawer';

const Drawer = createDrawerNavigator();

function MyDrawer() {
  return (
    <Drawer.Navigator>
      <Drawer.Screen name="Feed" component={Feed} />
      <Drawer.Screen name="Article" component={Article} />
    </Drawer.Navigator>
  );
}