Estilos não funcionam muito bem

Por algum motivo que não entendi, Na hora que vim aqui escrever isso a IMAGEM começou a funcionar PORÉM o estilo do titulo continua sem funcionar. Não aparece nenhum erro, estava tudo ok e to perdido. Ja fechei tudo e iniciei de novo porem continua com a frase aparecendo sem formatação embaixo da foto.

import React from 'react';
import { StyleSheet, Image, Dimensions, Text } 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 styles={estilos.titulo}>Detalhes 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,
        color: "withe",
        fontWeight: "bold",
        padding: 16
    }
});