mirror of
https://github.com/zhigang1992/react-navigation.git
synced 2026-02-12 22:30:36 +08:00
- @react-navigation/bottom-tabs@5.0.0-alpha.29 - @react-navigation/compat@5.0.0-alpha.20 - @react-navigation/core@5.0.0-alpha.30 - @react-navigation/drawer@5.0.0-alpha.31 - @react-navigation/material-bottom-tabs@5.0.0-alpha.28 - @react-navigation/material-top-tabs@5.0.0-alpha.26 - @react-navigation/native-stack@5.0.0-alpha.20 - @react-navigation/native@5.0.0-alpha.22 - @react-navigation/routers@5.0.0-alpha.19 - @react-navigation/stack@5.0.0-alpha.47
@react-navigation/core
Core utilities for building navigators.
Installation
Open a Terminal in your project's folder and run,
yarn add @react-navigation/core
Usage
A basic custom navigator bundling a router and a view looks like this:
import { createNavigatorFactory, useNavigationBuilder } from '@react-navigation/core';
import { StackRouter } from '@react-navigation/routers';
function StackNavigator({ initialRouteName, children, ...rest }) {
const { state, navigation, descriptors } = useNavigationBuilder(StackRouter, {
initialRouteName,
children,
});
return (
<StackView
state={state}
navigation={navigation}
descriptors={descriptors}
{...rest}
/>
);
}
export default createNavigatorFactory(StackNavigator);