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

6.11.0 • Published 12 months ago

Install

Weekly downloads

3,565

License

MIT

Repository

Last release

12 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 @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 infinity-ps-sdk guib-sdk-poc gsshortvideo gs-react-native-template hello-jio-react-native hellojiomodule guricomponent inner_drawer inno-rn-app inno-rn-test-app intellicon likeminds_chat_reactnative_integration_beta lg-iot-ui lukotest lockpicks-rn-package maet-expo-template mairiesimplon lotus-expo-bottom lotus-expo-drawer lahelu klarify-ui-components medtech-sdk mca-react-native-sdk mca-react-native-sdk-test @wcpos/core @thisiswunder/wunder-boilerplate @ui-creator/cloud-builder @tushargozego/usermodule @thenovaweb/druid-ogold-rn-we-sdk @testorders/shop @tioganteng/historyappfirebase @testorders/menu @testorders/paybefore @testorders/subscriptions @varentechnologies/expo-mobile-template @vnxjs/router-rn @vite-react-native/expo-router @vxrn/expo-router @vxrn/router @voltmoney/platform @usmankiani256/ts-starter @victoralmeidadev/expo-template @xrbrn/react-native-base @xystemize/mobile @yzrzz/focusflow @test-superapp/mini-app-1 @test-superapp/mini-app-2 agenttwixorapp akas

12 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

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

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

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

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

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 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

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

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago