Hur fungerar navigering i React Native?

Question

IT Interview Practice · Accepted Answer

React Native har ingen inbyggd navigering — standardlösningen är **React Navigation** (ett populärt bibliotek) för att flytta mellan skärmar. Det tillhandahåller navigatorer (stack, tabs, drawer) och hanterar navigeringstillståndet, historiken och övergångar. ## React Navigation — standardbiblioteket ```text Navigation isn't built into React Native → use REACT NAVIGATION (the de facto standard): → provides NAVIGATORS that structure how users move between screens: STACK navigator → push/pop screens (like a stack — forward/back, the most common) TAB navigator → bottom/top tabs (switch between sections) DRAWER navigator → a side drawer menu → handles navigation state, history (back stack), transitions, headers ``` ## Exempel på stack-navigering ```jsx // define screens in a stack navigator const Stack = createNativeStackNavigator(); function App() { return ( ); } // navigate between screens (the navigation prop is passed to screens) function HomeScreen({ navigation }) { return

Hur fungerar navigering i React Native?

React Navigation — standardbiblioteket

Exempel på stack-navigering

Skicka data och gå tillbaka

Varför det spelar roll

Relaterade frågor