1
resposta

Reaproveitando o botão

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

import  Texto from './Texto';

export default function botao ({ children }) {
    return <TouchableOpacity style={estilos.botao}>
    <Texto style={estilos.textoBotao}>{children}</Texto>
    </TouchableOpacity>
}

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

Olá Milena, tudo bem?

Parabéns! Este é um ótimo exemplo de código para um componente de botão React Native. Gostei da utilização da biblioteca TouchableOpacity para tornar o botão interativo e da criação de estilos separados com a StyleSheet, facilitando a manutenção e ajustes futuros. Além disso, a implementação de outro componente "Texto" para exibir o texto do botão é uma boa prática de reutilização de código. Continua assim, bons estudos!