получение ошибки при прохождении пути в изображении в реакции на родной

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 CardList({ title, subtitle, image }) {
  return (
    <View style={styles.card}>
      <Image source={require(image)} />
      <AppText>{title}</AppText>
      <AppText>{subtitle}</AppText>
    </View>
  );
}

const styles = StyleSheet.create({
  card: {
    backgroundColor: colors.white,
    borderRadius: 15,
    marginBottom: 20,
    paddingTop: 100,
  },
});

это мой файл приложения

import React from "react";
import WelcomeScreen from "./app/screen/WelcomeScreen";
import { View, Text, StyleSheet, Button } from "react-native";

import AppText from "./app/components/AppText";
import AppButton from "./app/components/AppButton";
import CardList from "./app/components/CardList";
export default function App() {
  return (
    <View style={styles.cardStyle}>
      <CardList
        title="need blood"
        subtitle="$100"
        image={require("./app/assets/child.png")}
      />
    </View>
  );
}

const styles = StyleSheet.create({
  cardStyle: {
    backgroundColor: "#f8f4f4",
    padding: 20,
    paddingTop: 100,
  },
});

Я добавляю сюда несколько изображений, которые перед добавлением изображения when I add image its giving me error введите описание изображения здесь