Files
react-navigation/packages/native
2019-10-10 23:39:04 +02:00
..
2019-10-06 16:44:17 +02:00
2019-08-22 04:30:58 +05:30
2019-08-21 14:27:07 +05:30

@react-navigation/native

React Native integration for React Navigation

Installation

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

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

Usage

const ref = React.useRef();

useBackButton(ref);

const { getInitialState } = useLinking(ref, {
  prefixes: ['https://myapp.com', 'myapp://'],
});

const [isReady, setIsReady] = React.useState(false);
const [initialState, setInitialState] = React.useState();

React.useEffect(() => {
  getInitialState()
    .catch(() => {})
    .then(state => {
      if (state !== undefined) {
        setInitialState(state);
      }

      setIsReady(true);
    });
}, [getInitialState]);

if (!isReady) {
  return null;
}

return (
  <NavigationContainer initialState={initialState} ref={ref}>
    {/* content */}
  </NavigationContainer>
);