1
resposta

Mensagem de erro

Quando vou rodar o meu programa aparece a mensagem "Objects are not valid as a React child (found: object with keys {width, position, textAlign, fontSize, lineHeight, fontWeight, color, padding}). If you meant to render a collection of children, use an array instead.

Como posso corrigir isso?

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

import topo from '../../assets/topo.png';

const width = Dimensions.get('screen').width;

export default function Cesta(){
    return <>

    <Image source={topo} style ={estilos.topo}/>
    <Text> style={estilos.titulo} Detalhe da Cesta</Text>
    </>
}

const estilos = StyleSheet.create({
    topo: {
        width: "100%",
        height: 578 / 768 * width,

    },

    titulo: {
        width: "100%",
        position: "absolute",
        textAlign: "center",
        fontSize: 16,
        lineHeight: 26,
        fontWeight: "bold",
        color: "white",
        padding: 16
    }
});
1 resposta

Estou iniciando o curso também, mas acho que o seu problema pode estar em duas partes desse código:

<Image source={topo} style ={estilos.topo}/> // Tente retirar o espaço logo após o style
<Text> style={estilos.titulo} Detalhe da Cesta</Text> // o style está fora do <Text>