Estoy tratando de usar una fuente de imagen con función requerida o uri en reaccionar nativo, pero la fuente se usará para llamar a la función que tiene la imagen, no funciona conmigo.

esta es la imagen que contiene la estructura del proyecto y la carpeta de imágenes.

este es el código del archivo de la tarjeta:

 import { View, Image, StyleSheet } from "react-native"; import colors from "../config/colors"; import React from "react"; import BookStoreText from "./BookStoreText"; function Card(title,subtitile,image) { return ( <View style={styles.card}> <Image source={image} /> <BookStoreText>{title}</BookStoreText> <BookStoreText>{subtitile}</BookStoreText> </View> ); } const styles = StyleSheet.create({ card:{ borderRadius:15, backgroundColor:colors.white, marginBottom:20, } }) export default Card;

este es el código fuente de app.js:

 //import WelcomeScreen from "./app/screens/WelcomeScreen"; //import colors from "./app/config/colors"; //import ViewImageScreen from "./app/screens/ViewImageScreen"; //import { MaterialCommunityIcons } from "@expo/vector-icons"; //import AppButton from "./app/components/AppButton"; import { View } from "react-native"; import React from "react"; import Card from "./app/components/Card"; function App() { return ( <View style={{ padding: 20, paddingTop: 100, backgroundColor: "#f8f4f4", }} > <Card image={require("./app/assets/chair.jpg")} ></Card> </View> ); } export default App;

lo que probé: traté de usar uri con la imagen en lugar de usar la función require pero no funciona