Skip to content
This repository was archived by the owner on Feb 25, 2020. It is now read-only.

react-navigation/drawer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

75688a4 · Feb 25, 2020
May 1, 2019
Jan 11, 2020
Sep 21, 2019
Feb 6, 2020
Jun 5, 2018
Apr 12, 2019
Sep 12, 2019
Apr 12, 2019
May 10, 2019
Jun 5, 2018
Feb 25, 2020
Apr 12, 2019
May 1, 2019
Sep 9, 2019
Feb 6, 2020
Sep 12, 2019
Sep 21, 2019

Repository files navigation

This package has been moved to https://github.com/react-navigation/react-navigation/tree/4.x/packages/drawer


React Navigation Drawer

npm version CircleCI badge PRs Welcome

Drawer navigator for use on iOS and Android.

Installation

Open a Terminal in the project root and run:

yarn add react-navigation-drawer

If you are using Expo, you are done. Otherwise, continue to the next step.

Install and link react-native-gesture-handler and react-native-reanimated. To install and link them, run:

yarn add react-native-reanimated react-native-gesture-handler
react-native link react-native-reanimated
react-native link react-native-gesture-handler

IMPORTANT: There are additional steps required for react-native-gesture-handler on Android after running react-native link react-native-gesture-handler. Check the this guide to complete the installation.

Usage

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

export default createDrawerNavigator({
  Inbox: InboxStack
  Drafts: DraftsStack,
}, {
  initialRouteName: 'Inbox',
  contentOptions: {
    activeTintColor: '#e91e63',
  },
});

Development workflow

  • Clone this repository
  • Run yarn in the root directory and in the example directory
  • Run yarn dev in the root directory
  • Run yarn start in the example directory

Docs

Documentation can be found on the React Navigation website.