React Navigation Stack

Stack navigator for use on iOS and Android.

What is different from origin package?

The "SafeAreaView" now using from "react-native" instead "@react-navigation/native".

Why did I do it? Because ;)

Installation

Open a Terminal in your project's folder and run,

yarn add react-navigation-stack

Usage

import { createStackNavigator } from 'react-navigation-stack';

export default createStackNavigator({
  Inbox: InboxScreen
  Drafts: DraftsScreen,
}, {
  initialRouteName: 'Inbox',
});

Development workflow

To setup the development environment, open a Terminal in the repo directory and run the following:

yarn bootstrap

While developing, you can run the example app with Expo to test your changes:

yarn example start

Make sure your code passes TypeScript and ESLint. Run the following to verify:

yarn typescript
yarn lint

To fix formatting errors, run the following:

yarn lint --fix

Docs

Documentation can be found on the React Navigation website.