React Navigation
-
yarn add react-navigation
-
yarn add react-native-reanimated react-native-gesture-handler react-native-screens@^1.0.0-alpha.23
-
cd ios
-
pod install
-
cd ../
-
重新启动即可: react-native run-ios
-
官网: demo
import React from 'react'; import { View, Text } from 'react-native'; import { createAppContainer } from 'react-navigation'; import { createStackNavigator } from 'react-navigation-stack'; class HomeScreen extends React.Component { render() { return ( <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}> <Text style={{color: 'red'}}>Home Screen</Text> </View> ); } } const AppNavigator = createStackNavigator({ Home: { screen: HomeScreen, }, }); export default createAppContainer(AppNavigator);