React Native - How to get initial navigation state in React Navigation

Question

I'm trying to get initial state in the same format as onStateChange prop provides in NavigationContainer. onStateChange doesn't fire on initial render. In the example below, I managed to get state when navigating between screens, but not on the first one. Any ideas?

export default function App() {
  const [pageState, setPageState] = React.useState();

  return (
    <NavigationContainer onStateChange={(state) => setPageState(state)}>
      <RootNavigation />
    </NavigationContainer>
  );
}

Pedro Feltrin · Accepted Answer · 2021-10-12 11:38:49Z

2

Try using the onReady method from the NavigationContainer From the docs: https://reactnavigation.org/docs/navigation-container#onready

answered Oct 12, 2021 at 11:38

Pedro Feltrin

4482 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

İlker Over a year ago

onReady method doesn't receive the state, how can I use it

Pedro Feltrin Over a year ago

Combine it with the getRootState method. You just need to add a reference to the NavigatorContainer. Something like this:

const navigationRef = useRef()  const handleGetInitialState = () => { navigationRef.current?.getRootState() }  <NavigationContainer ref={navigationRef} onReady={handleGetInitialState}>...</NavigationContainer>

Collectives™ on Stack Overflow

React Native - How to get initial navigation state in React Navigation

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related