imagem não aparecendo.

Não entendo pq n tá aparecendo a imagem Meu código App.js

import React from 'react'; 
import { StatusBar, SafeAreaView} from 'react-native';

import  Cesta from './src/telas/Cesta';

export default function App() {
  return (
    <SafeAreaView>
      <StatusBar />
      <Cesta />
    </SafeAreaView>
  );
}

Cesta.js

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 style={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: "white",
        fontWeight: "bold",
        padding: 16

    }
});