带有反应导航的 React-Native 中 DrawerNavigator 中的问题

Question

我正在尝试在我的应用程序中实现抽屉导航器，但它返回此错误。

我正在为模拟器使用 React-Native 和 react-navigation 以及 android 9.0

错误信息： App return

import React, { Component } from "react";
import {
  Platform,
  StyleSheet,
  Text,
  View,
  ScroollView,
  Dimensions,
  Image
} from "react-native";
import {
  createDrawerNavigator,
  createAppContainer,
  DrawerItems,
  SafeAreaView[enter image description here][3]
} from "react-navigation";

import LoginScreen from "./Screens/Login/LoginScreen";
import HomeScreen from "./Screens/Home/HomeScreen";

type Props = {};
export default class App extends Component<Props> {
  render() {
    return <Apps />;
  }
}

const CustomDrawerComponent = props => (
  <SafeAreaView style={{ flex: 1 }}>
    <View
      style={{
        height: 150,
        backgroundColor: "white",
        alignItems: "center",
        justifyContent: "center"
      }}
    >
      <Image
        source={require("./images/perfil.png")}
        style={{ height: 120, width: 120, borderRadius: 60 }}
      />
    </View>
    <ScroollView>
      <DrawerItems {...props} />
    </ScroollView>
  </SafeAreaView>
);

const AppDrawerNavigator = createDrawerNavigator(
  {
    Home: HomeScreen,
    Settings: LoginScreen
  },
  {
    contentComponent: CustomDrawerComponent
  }
);
const Apps = createAppContainer(AppDrawerNavigator);

const styles = StyleSheet.create({});

我希望该应用程序从侧面菜单开始工作。

Answer 1

问题出在我的代码中。是ScrollView 不是ScroollView，我的错xd