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
}
});