@react-navigation/core

Core utilities for building navigators independent of the platform.

Installation

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

1yarn add @react-navigation/core

Usage

A basic custom navigator bundling a router and a view looks like this:

1import { createNavigatorFactory, useNavigationBuilder } from '@react-navigation/core';
2import { StackRouter } from '@react-navigation/routers';
3
4function StackNavigator({ initialRouteName, children, ...rest }) {
5  const { state, navigation, descriptors } = useNavigationBuilder(StackRouter, {
6    initialRouteName,
7    children,
8  });
9
10  return (
11    <StackView
12      state={state}
13      navigation={navigation}
14      descriptors={descriptors}
15      {...rest}
16    />
17  );
18}
19
20export default createNavigatorFactory(StackNavigator);