reactjs - 如何在 React Navigation 5 中将图像添加到抽屉？

Question

我想在react navigation 5中添加一个图片到navigation drawer，但是图片不显示。我的代码是:

我不知道我做错了什么，请帮助我。

const DrawerNavigator = createDrawerNavigator();

export const AppNavigator = () => {
  const { user, setUser } = useContext(AppContext);
  return (
    <DrawerNavigator.Navigator
      drawerContent={(props) => {
        return (
          <SafeAreaView style={{ flex: 1 }}>
            <View
              style={{
                height: 100,
                alignItems: "center",
                justifyContent: "center",
              }}
            >
              <Image
                source={require("../assets/logo.png")}
                width={50}
                height={50}
              />
            </View>
            <DrawerItemList {...props} />
          </SafeAreaView>
        );
      }}
    >
      {!user && <DrawerNavigator.Screen name="Login" component={Login} />}
    </DrawerNavigator.Navigator>
  );
};

Answer 1

我解决了这个问题。这是因为我直接在组件上设置了宽度和高度，而不是在 style prop 中。