A lista de itens não aparece

Criei o componente Itens fiz tudo certo, mas acho que o heigth precisa ser recalculado pois quando chamo a lista aparece abaixo do botao apenas "Itens da Cesta" e se coloco o componente Itens antes de DETALHES os itens da lista aparecem, ou seja eles estão lá mas quando tento scrollar para baixo nao vai a tela está limitada até apenas Itens da Cesta, que ainda aparece cortado

import React from 'react';
import {View, StyleSheet} from 'react-native';
import Topo from './cesta/componentes/Topo';
import Detalhes from './cesta/componentes/Detalhes';
import Texto from '../componentes/Texto'; 
import Itens from './cesta/componentes/Itens';

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

export default function Cesta({ topo, detalhes, itens }){
    return<>
    <Topo {...topo}/>
        <View style={estilos.cesta}>
    <Detalhes {...detalhes}/>
    <Itens {...itens}/>
    </View>
  
     </>
}

const estilos = StyleSheet.create({  
   
    cesta: {
        paddingVertical: 6,
        paddingHorizontal: 16,
    }

})

import React from 'react';

import Texto from '../../../componentes/Texto';

export default function Itens({ titulo, lista}){
    return <>
    <Texto>{titulo}</Texto>
    {lista.map(({ nome, imagem})=>{
     return <Texto key={nome}>{nome}</Texto>
    }
  
    )}
    </>
}

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

import Texto from '../../../componentes/Texto';
import Botao from '../../../telas/cesta/componentes/Botao';


export default function Detalhes({nome, nomeFazenda, imagemFazenda, descricao, preco}){
    return <>
       <View style={estilos.cesta}>
       <Texto style={estilos.nome}>{nome}</Texto>
    <View style={estilos.fazenda}>
            <Image source={imagemFazenda} style={estilos.imagemFazenda}/>
        <Texto style={estilos.nomeFazenda}>{nomeFazenda}</Texto>
        </View>
        <Texto style={estilos.descricao}>{descricao}</Texto>
        <Texto style={estilos.preco}>{preco}</Texto>
        <Botao/>
     </View>
    </>
}

const estilos = StyleSheet.create({
    cesta: {
        paddingVertical: 8,
        paddingHorizontal: 16
        
    },
    nome: {
        fontSize: 26,
        lineHeight: 42,
        color: '#464646',
        fontWeight: 'bold'
    },
    fazenda: {
        flexDirection: 'row',
        paddingVertical: 12,
        
    },
    imagemFazenda: {
        width: 52,
        height: 52
    },
    nomeFazenda: {
        fontSize: 16,
        lineHeight: 26,
        marginLeft: 12
    },
    descricao: {
        color: '#A3A3A3',
        fontSize: 16,
        lineHeight: 26
    },
    preco: {
        color: '#2A9F85',
        fontWeight: 'bold',
        fontSize: 26,
        lineHeight: 42,
        marginTop: 8
    }
})