Crear componente de botón

Para importar un componente hecho por nosostros usamos

import CustomButton from ‘../components/CustomButton’;

Ahora creamos el componente

				
					import {Text, TouchableOpacity} from 'react-native';
import React from 'react';

export default function CustomButton({label, onPress}) {
  return (
    <TouchableOpacity
      onPress={onPress}
      style={{
        backgroundColor: '#f17a1e',
        padding: 20,
        borderRadius: 10,
        marginBottom: 30,
      }}>
      <Text
        style={{
          textAlign: 'center',
          fontWeight: '700',
          fontSize: 16,
          color: '#fff',
        }}>
        {label}
      </Text>
    </TouchableOpacity>
  );
}

Luego de importado en la vista donde lo queremos usar lo usamos de la siguiente forma.

<CustomButton label={‘Registrar’} onPress={() => {}} />