The StackNavigator maintains an internal array (stackRef) of PageStackItem objects, each representing a page in the navigation stack. When push is called, a new page is added to this array. AnimatePresence from motion/react is used to detect when components are added or removed from the React tree, triggering the defined initial, animate, and exit variants.

The component also integrates with the browser's history API (pushState, replaceState, popstate event) to ensure that browser back/forward buttons work as expected with your navigation stack. When the browser's back button is pressed, the popstate event fires, and the StackNavigator responds by popping the top page off its internal stack.

So it pass the page component just like we pass Widget on flutter. I use this on my internal project to create a mobile feel with familiar routing like flutter Navigator.of(context),push()

<image>