mirror of
https://github.com/zhigang1992/react-navigation.git
synced 2026-03-06 22:39:41 +08:00
ff99d6ec0a
to allow composition of the Header component when using a custom header component, styling is probably one of the options you want to have. For example, I need to dynamicly change the height of the header based on scroll position, and without this change I have to inherit from the Header component and copy the render function, instead of composing the Header component in my own component.
React Navigation 
Learn once, navigate anywhere.
Browse the docs on reactnavigation.org.
Motivation
React Navigation is born from the React Native community's need for an extensible yet easy-to-use navigation solution. It replaces and improves upon several navigation libraries in the ecosystem, including Ex-Navigation, React Native's Navigator and NavigationExperimental components. React Navigation can also be used across React and React Native projects allowing for a higher degree of shared code.
Once stable, NavigationExperimental will be deprecated in favor of React Navigation. React Navigation is a collaboration between people from Facebook, Exponent and the React community at large.
Getting started
- Create a new React Native App
react-native init SimpleApp
cd SimpleApp
- Install the latest version of react-navigation from npm
yarn add react-navigation
or
npm install --save react-navigation
- Run the new app
react-native run-android # or:
react-native run-ios