React Navigation -ios

222 阅读1分钟

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);