@react-navigation/native-stack NPM | npm.io

6.11.0 • Published 8 months ago

Install

Weekly downloads

3,565

License

MIT

Repository

Last release

8 months ago

`@react-navigation/native-stack`

Stack navigator for React Native using native primitives for navigation. Uses react-native-screens under the hood.

Expo is currently not supported as it includes an older version of react-native-screens.

Installation

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

yarn add @react-navigation/core @react-navigation/native-stack

Now we need to install react-native-screens.

yarn add react-native-screens

To complete the linking on iOS, make sure you have Cocoapods installed. Then run:

cd ios
pod install
cd ..

To finalize installation of react-native-screens for Android, add the following two lines to dependencies section in android/app/build.gradle:

implementation 'androidx.appcompat:appcompat:1.1.0-rc01'
implementation 'androidx.swiperefreshlayout:swiperefreshlayout:1.1.0-alpha02'

Make sure to enable react-native-screens. This needs to be done before our app renders. To do it, add the following code in your entry file (e.g. App.js):

import { useScreens } from 'react-native-screens';

useScreens();

Usage

import { createNativeStackNavigator } from '@react-navigation/native-stack';

const Stack = createNativeStackNavigator();

export default function App() {
  return (
    <Stack.Navigator>
      <Stack.Screen name="home" component={Home} options={{ title: 'Home' }} />
      <Stack.Screen name="feed" component={Feed} options={{ title: 'Feed' }} />
      <Stack.Screen
        name="profile"
        component={Profile}
        options={{ title: 'Profile' }}
      />
    </Stack.Navigator>
  );
}

react-native-component react-component react-native react-navigation ios android native stack

@react-navigation/elements warn-once

whitedark @haris523/expo-starter-template @pab-source/mobile-p2p react-native-template-gr-minimal-template-ts @infinitebrahmanuniverse/nolb-_react-n bookis-mobile-app-components bookis-mobile-components react-native-components-textinputs react-native-pieces telemed-ui-layer react-native-statistic-chart-demos @everything-registry/sub-chunk-766 rn-test-library-sixdee gamification-react-test @slasherrose/test radmat-united-app @tamagui/bento sanstd-template-layout @snapbot-app/examples @snapbot-app/time-ruler ejadaa-chat-sdk ejaada-chat-sdk droid-sdk expo-tailwind-web-template tender_app wj-components wistapp vxs whats-clon superapp-template template-qv-app template-reactnative-setup starwarsguide stickersmash stablex-sdk stablexsdkdemo testnpmpackagetestnpm test-webview-plugin test-webview-plugin-new vivanta-connect-react-native @crossed/ui @criticalx7/zen-ts-expo-template @common-stack/mobile-stack-react @cyril-deschamps/expo-boilerplate @dabr89/expo-template @bluebase/components @bluebase/plugin-react-navigation @rtarojs/router-rn @touchable-ui/expo-template ej-chat-sdk demo-hyper-assist ipg-reactnative-sdk-sandbox jb-commons kelp-mobile-wallet kage-react-native-sdr kennie bakarin-bun-app cole-blender akhlaqna vih-messenger zigvy-expo-template sales-sync-mobile react-native-shakebug-testing helium-react-native-sdk stinder txradicalfaeriesgathering2022 uakshaynayak ummat typescript009 trackiteum triviaapp trudenty-rn-sdk topflight-module-base user-livecaller-mobile @avodah-dev/expo-template @autofleet/locomotion-sdk @akalli/create-akalli-app @axelor/aos-mobile-core @batiq/generator @beepsoft/hamster @basis-theory/basis-theory-react-native @blue-learn/platform @binarapps/baca-react-native-template @binarapps/expo-ts-template @cloud-varejo/cloud-varejo-ui @acflow/package-example @acflow/react-native-logger-manager @acflow/rnc @hogent-mobile/expo-template @bennyapi/react-native-sdk @dell-emc/react-native-meeting-sdk @didcky/reactnativeapp yagsill-library webgev-app vih-messenger2 truworth-wellness-hra-module @hashencode/rnlib @focustapps/fa-expo-boilerplate @heartlandone/vega-react-native @hosseinmd/client

8 months ago

8 months ago

8 months ago

9 months ago

9 months ago

11 months ago

11 months ago

11 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago