将react-native-gesture链接到react-native时出现服务器无响应错误

Question

我正在尝试通过react-navigation创建导航，我已经安装了react-navigation软件包和react-navigation-gesture，但是当我尝试链接react-native link react-native-gesture-handler时，我得到了服务器未响应的错误，并且当我取消链接，然后我的项目运行正常。我该如何在react-native中进行安全导航。我被困住了。

有人可以帮助我吗？

这是我的代码。

    import React, { Component } from 'react';
    import { StyleSheet, Text, View, Button, SafeAreaView, ImageBackground } from 'react-native';
    import PrayerTimes from './components/PrayerTimes';
    import Settings from './components/Settings';
    import { createAppContainer, createStackNavigator, StackActions, NavigationActions } from 'react-navigation';


    class PrayerScreen extends Component {
      static navigationOptions = {
        title: 'Prayer Times',
      };
      render() {
        return (
          <SafeAreaView>
            <ImageBackground source={require('./mosque_image.png')} style={{ width: '100%', height: '100%' }}>
              <View style={{alignSelf: 'flex-end'}}>
                  <Button
                    title="Go to Settings"
                    onPress={() => {
                      this.props.navigation.navigate({ routeName: 'Setting' })
                    }} />
              </View>
              <View style={{ height: '100%', marginTop: -40, alignSelf: 'center', justifyContent: 'center' }}>
                <PrayerTimes />
              </View>
            </ImageBackground>
          </SafeAreaView>
        );
      }
    }

    class SettingScreen extends Component {
      static navigationOptions = {
        title: 'Settings',
      };
      render() {
        return <Settings />;
      }
    }

    const AppNavigator = createStackNavigator({
      Prayer: {
        screen: PrayerScreen
      },
      Setting: {
        screen: SettingScreen,
      },
    }, {
        initialRouteName: 'Prayer',
      });


    export default createAppContainer(AppNavigator);