React Native - 使用图像组件时出现问题

Question

我正在尝试在平面列表中使用图像组件，但是当我尝试使用它时出现此错误。

“JSX 元素 class 不支持属性，因为它没有 'props' 属性。”

我的代码：

export default function FlatList() {
const renderItem = ({ item }) => {
<View>
  <Image source={{ uri: item.picture }} />
</View>;
};

return(
 <View>
  <FlatList
    data={routeArray}
    renderItem={renderItem}
    keyExtractor={(item) => item.id}
  />
</View>
);}

Answer 1

您需要指定要使用 React Native Image 类型，而不是 HTMLImageElement 类型。确保您已将 React Native 安装到您的项目中，然后将以下内容添加到您的导入中：

import { Image } from "react-native";

有关完整的使用示例，请参阅 React Native Image Docs。

React Native - 使用图像组件时出现问题

React Native - Problem Using Image Component

typescript

react-native

image

react-native-flatlist