Hola Lucio… al principio podía ver las imágenes de los productos pero cuando intenté continuar para ver el título y precio de cada produc...

Hola Lucio… al principio podía ver las imágenes de los productos pero cuando intenté continuar para ver el título y precio de cada producto, se me rompió todo, ahora no puedo ver nada, solo veo un screen vacío en el emulador.

En la consola… muy raro… me sale esto.

Estos son mis códigos en:

ProductItem.js

import React from 'react';
import { StyleSheet, Dimensions, Text, View, Image } from 'react-native';

import { colors } from '../../resources/constants';
import config from '../../resources/config';

const ProductItem = props => {
    const { item } = props;
    const { id, name, price, images } = item;

    return (
        <View key={id} style={styles.itemContainer}>
            <Image
                resizeMode="cover"
                style={styles.itemImage}
                source={{
                    uri: images[0].src,
                    headers: {
                        Authorization: config.liveLinkCredentials
                    }
                }}
            />
            <View style={styles.itemData}>
                <View style={styles.itemMeta}>
                    <Text style={styles.itemPrice}>{`$ ${price}`}</Text>
                    <Text style={styles.itemTitle}>{name}</Text>
                </View>
            </View>
        </View>
    );
}

const styles = StyleSheet.create({
    itemContainer: {
        width: Dimensions.get('window').width / 2,
        padding: 8,
        alignContent: 'center',
    },
    itemImage: {
        width: '100%',
        height: 160,
        borderRadius: 8,
        overflow: 'hidden',
        marginBottom: 4
    },
    itemData: {
        flexDirection: 'row',
        justifyContent: 'space-between',
        alignItems: 'center'
    },
    itemMeta: {
        width: '70%'
    },
    itemTitle: {
        color: colors.darkGrey,
        fontWeight: '300'
    },
    itemPrice: {
        color: colors.darkGrey,
        fontWeight: 'bold'
    },
    itemBtn: {
        width: '25%'
    },
    productBtn: {
        width: 30,
        height: 30
    }
});

export default ProductItem;

ProductsScreen.js

import React, { useContext } from "react";
import { SafeAreaView } from "react-native-safe-area-context";
import { StyleSheet, Dimensions, Platform, Text, FlatList } from "react-native";
import ProductItem from "./ProductItem";

import Context from "../../context/Context";
import { sizes } from "../../resources/constants";

const ProductsScreen = props => {
    const { products } = useContext(Context);

    return (
        <SafeAreaView>
            <FlatList
                style={styles.container}
                data={products}
                renderItem={({item}) => <ProductItem item={item} {...props} />}
            />
        </SafeAreaView>
    );
}

const styles = StyleSheet.create({
    container: {
        height:
            Platform.OS === 'ios'
                ? Dimensions.get('window').height - sizes.headerHeight - 30 - 50
                : Dimensions.get('window').height - sizes.headerHeight - 30
    }
});

export default ProductsScreen;

Saludos.