不变：资源不能用作本机方法参数

Question

我是新来的，因为这个错误而卡住了。请帮助我解决此错误。

import React from "react";
import { View, Image, StyleSheet, Text, TouchableOpacity } from "react-native";
function ListItem({ image, title, subtitle }) {
  return (
    <TouchableOpacity>
      <View style={styles.container}>
        {image && <Image style={styles.img} source={image} />}
        <View>
          <Text>{title}</Text>
          <Text>{subtitle}</Text>
        </View>
      </View>
    </TouchableOpacity>
  );
}
const styles = StyleSheet.create({
  container: {
    flexDirection: "row"
  },
  img: {
    width: 70,
    height: 70,
    borderRadius: 35
  }
});
export default ListItem;

并通过传递参数在其他组件中调用

import * as React from "react";
import Icon from "./Components/Icon";
export default function App() {
  return (
    <SafeAreaView style={styles.screen}>
      <ListItem
        title="My title"
        subtitle="subtitle"
        imgComponent={<Icon name="email" />}
      />
    </SafeAreaView>
  );
}

and i am facing this error