javascript - 有没有办法解决 React Native 中的模块？

Question

我是 React Native 的初学者，遇到了一个错误。它说是无法从中解析模块react-native-screens然后node_modules/react-navigation stack/lib/module/vendor/views/Stack/CardStack.js告诉我如何修复它，但这些不起作用。你能帮忙吗？

这是模拟器：

这是我的两个文件：

应用程序.js：

import {createAppContainer} from 'react-navigation';
import {createStackNavigator} from 'react-navigation-stack';
import {HomeScreen} from './components/HomeScreen';
import {LoginScreen} from './components/HomeScreen';
const RootStack = createStackNavigator(
  {
    Home: HomeScreen,
    Login: LoginScreen,
  }, {
    initialRouteName: "Home"
  }
);
const App = createAppContainer(MainNavigator);
export default App;

HomeScreen.js：

import React from 'react';
import {
  StyleSheet,
  ScrollView,
  View,
  Text,
  StatusBar,
  Image,
  TouchableOpacity
} from 'react-native';
import SafeAreaView from 'react-native-safe-area-view';
import {
  Colors,
} from 'react-native/Libraries/NewAppScreen';

class HomeScreen extends Component {
render() {
const {navigate} = this.props.navigation;
  return (
    <>
      <StatusBar barStyle="dark-content" />
      <SafeAreaView>
        <ScrollView
          contentInsetAdjustmentBehavior="automatic"
          style={styles.scrollView}>
          <View style={styles.body}>
            <View style={styles.sectionContainer}>
              <View style={styles.sectionContainer2}>
              <Image style={styles.logo} source={require('./images/img1.jpg')} />
              <Image style={styles.logo} source={require('./images/img2.jpg')} />
              <Image style={styles.logo} source={require('./images/img3.jpg')} />
              <Image style={styles.logo} source={require('./images/img4.jpg')} />
              <Image style={styles.logo} source={require('./images/img7.jpg')} />
              <Image style={styles.logo} source={require('./images/img8.jpg')} />
            </View>
          </View>
        </ScrollView>
      </SafeAreaView>
        </>
  );
};
}
export default HomeScreen;

谢谢！

标签： javascriptreact-nativejsx