Sugestão de Botão

import React from "react";
import {StyleSheet, TouchableOpacity} from "react-native";
import Texto from "./Texto";

export default function Botao({children, style, onPress }){
   

    return <TouchableOpacity style={[ estilos.botao, style]} onPress={onPress}>
                <Texto style={estilos.textoBotao}> {children} </Texto>
            </TouchableOpacity>
}



const estilos = StyleSheet.create({
    botao:{
        backgroundColor: "#2A9F85",
        padding: 16,
        borderRadius: 6,
    },
    textoBotao:{
        textAlign: "center",
        color: "#ffffff",
        fontSize: 16,
        lineHeight: 26,
        fontWeight: "bold",
    },
   
})

import React from "react";
import {StyleSheet, Image, View } from "react-native";
import Texto from "../../../componentes/Texto";
import Botao from "../../../componentes/Botao";


export default function Detalhes({ detalhes }){
    return <>
        <Texto style={estilos.nomeCesta} >{detalhes.nome}</Texto>
        <View style={estilos.fazenda}>
            <Image source={detalhes.logoFazenda} style={estilos.imagemFazenda} />
            <Texto style={estilos.nomeFazenda}>{detalhes.nomeFazenda}</Texto>
        </View>
        <Texto style={estilos.descricao}>{detalhes.descricao} </Texto>
        <Texto style={estilos.preco}>{detalhes.preco}</Texto>
        <Botao  style={estilos.margemBotao} onPress={()=> {alert('Olá Mundo!')}} >
           Comprar
        </Botao>
    </>
}

const estilos = StyleSheet.create({
    nomeCesta:{
        color: "#464646",
        fontSize: 26,
        lineHeight: 42,
        fontWeight: "bold",
      
    },
    fazenda:{
        flexDirection: "row",
        paddingVertical: 12,
    },
    imagemFazenda:{
        width: 32,
        height: 32,
    },
    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,
    },
    margemBotao:{
        marginTop: 16,
    },
  

});