图像未在模拟器中显示

Question

我有一个要在其中显示这样的图像的列表

这是我的列表组件，我给出了正确的路径，但是没什么碰巧出现了宽度和高度，但是没有运气

import React from "react";
import {
  View,
  Text,
  StyleSheet,
  Button,
  Image,
  ImageBackground,
} from "react-native";
import colors from "../config/colors";
import AppText from "./AppText";

export default function ListItem({ image, title, sutitle }) {
  return (
    <View style={styles.container}>
      <Image style={styles.image} source={image} />
      <View style={styles.tittleContainer}>
        <AppText style={styles.title}>{title}</AppText>
        <AppText style={styles.subtitle}>{sutitle}</AppText>
      </View>
    </View>
  );
}

const styles = StyleSheet.create({
    image: {
        width: 70,
        height: 70,
        borderRadius: 35,
        marginRight: 10,
      },
  container: {
    flexDirection: "row",
  },
  sutitle: {
    fontWeight: "bold",
    color: colors.red,
  },
 
  tittleContainer: {
    padding: 20,
  },
  title: {
    fontWeight: "bold",
    marginBottom: 7,
  },
});

我无法在屏幕上渲染图像

Answer 1

图片正在复制通过您的代码，仅此而已， 正确检查图像路径 https://snack.expo.io/@jsfit/image

导出默认函数ListItem（{image，title，sutitle}）{在此参数中，您将图像降低为i，并且将Image作为大写字母I传递。

Answer 2

问题是在为要传递“图像”的ListItem组件提供道具时。而在组件中使用它时，您正在使用“图像”。 我希望这能解决您的问题。

Answer 3

看看上面的图片，我也使用相同的路径，但是下面的图片却不起作用