Tengo una base de datos con una tabla de cursos.

Quiero mostrar la imagen a través de la ruta de la imagen guardada en la columna de imagen de campo.

En mi aplicación nativa de reacción, tengo un componente que enumera los carros donde las imágenes del carro se guardan en el disco

Como: C:\Users\Public\Pictures\Rectangle_2.png . Luego puse la ruta en la columna de la imagen.

CartList.js

 import Carts from './../Cart'; const Item = ({item}) => { return ( <Carts name={item.name} price={item.price} offPrice={item.offPrice} image={item.image} /> ); }; class CartList extends React.Component { constructor(props) { super(props); this.state = { data: [], }; } componentDidMount() { this.requestAPI(); } requestAPI = () => { const apiURL = 'http://myApi/api/courses'; fetch(apiURL) .then(response => response.json()) .then(responseJson => { this.setState({ data: responseJson, }); }); }; renderItem = ({item}) => { return <Item item={item} />; }; render() { return ( <> <FlatList data={this.state.data} renderItem={this.renderItem} keyEtractor={item => item.id.toString()} /> </> ); } }

Accedo a la ruta de la imagen a través de accesorios en el carrito.

Carrito.js

 const Cart = (props) => { return ( <View <Image style={{ width: '40%', height: 100, }} source={{uri:props.image}} /> </View> ); }; export default Cart;

cuando ejecuto la aplicación, aparece este error:

¿Como puedó resolver esté problema?