类型错误:null不是对象(评价'_RNGestureHandlerModule.default.Direction')

问题描述 投票:0回答:1

在手机上运行以下react-native代码后,显示错误。错误是:"TypeError: null is not an object (evalating'_RNGestureHandlerModule.default.Direction')"。

"TypeError: null is not an object (evalating'_RNGestureHandlerModule.default.Direction')"。

我已经安装了运行应用程序所需的所有库,请帮助我解决我的错误。代码是:

应用程序.js

import 'react-native-gesture-handler';
import * as React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
import HomeScreen from './modules/HomeScreen';
import SecondScreen from './modules/SecondScreen';
const Stack = createStackNavigator();
function App() {
return (
<NavigationContainer>
  <Stack.Navigator>

    <Stack.Screen name="Home" component={HomeScreen} />

    <Stack.Screen name="Second" component={SecondScreen} />

  </Stack.Navigator>
</NavigationContainer>
);
}

export default App;

主屏幕.js。

import 'react-native-gesture-handler';
import * as React from 'react';
import { StyleSheet, Text, View, Button } from 'react-native';
function HomeScreen({ navigation }) {
navigateToScreen=()=>{
navigation.navigate('Second');
}
return (
<View style={styles.MainContainer}>
  <Text style={styles.text}> Home Screen </Text>
  <Button onPress={this.navigateToScreen} title="Navigate To Second Screen" /> 
</View>
);
}
const styles = StyleSheet.create({
MainContainer: {
flex: 1,
justifyContent: 'center',
alignItems: 'center'
},

text: {
textAlign: 'center',
margin: 18,
fontSize: 24,
fontWeight: "200",
},
});
export default HomeScreen ;

第二屏幕.js

import 'react-native-gesture-handler';
import * as React from 'react';
import { StyleSheet, Text, View } from 'react-native';
function SecondScreen() {
return (
<View style={styles.MainContainer}>
  <Text style={styles.text}> Second Screen </Text>
</View>
);
}
const styles = StyleSheet.create({
MainContainer: {
flex: 1,
justifyContent: 'center',
alignItems: 'center'
},
text: {
textAlign: 'center',
fontSize: 24,
fontWeight: "200",
},
});
export default SecondScreen;
reactjs react-native navigation react-native-android react-navigation
1个回答
© www.soinside.com 2019 - 2024. All rights reserved.