react-native-gustavino-dominino

Componente visual simples e elegante que exibe pontos (semelhantes aos de um dado) de 1 a 6, totalmente customizável. Ideal para aplicações que exigem representação gráfica de valores numéricos em formato de pontos, como jogos, rolagem de dados e elementos visuais interativos.

✨ Features

• Exibe padrões de pontos de 1 a 6 como em um dado tradicional
• Personalização de tamanho, cor e borda
• 100% em React Native (sem dependências externas)
• Leve, reutilizável e de fácil integração

📦 Instalação

npm install react-native-gustavino-dominino

ou

yarn add react-native-gustavino-dominino

🚀 Uso

Para utilizar o componente Pontos, basta importá-lo e utilizá-lo com as props desejadas:

import React from 'react';
import { View } from 'react-native';
import Pontos from 'react-native-gustavino-dominino';

export default function App() {
  return (
    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
      <Pontos numero={5} tamanho={100} borda={true} cor="#FF0000" />
    </View>
  );
}

🔧 Props disponíveis

| Propriedade | Tipo | Padrão | Obrigatório | Descrição | |-------------|----------|----------|-------------|---------------------------------------------------------------------------| | numero | number | - | Sim | Número entre 1 e 6 que define o padrão das bolinhas. | | tamanho | number | 50 | Não | Tamanho total do componente (largura e altura). | | borda | boolean| false | Não | Exibe uma borda preta ao redor do componente. | | cor | string | '#000' | Não | Cor das bolinhas (aceita qualquer valor de cor válido em CSS, como #HEX, rgb, etc). |

🎯 Exemplo com diferentes configurações

<Pontos numero={2} />

<Pontos numero={4} tamanho={80} />

<Pontos numero={6} tamanho={100} cor="red" borda={true} />

🧠 Sobre

Este componente foi criado por Estevão Santos com o objetivo de ser simples, visualmente agradável e reutilizável em projetos React Native.

Ele simula o visual de dados e peças de dominó utilizando apenas View, StyleSheet.

Ideal para jogos, apps educacionais, componentes decorativos ou qualquer interface que queira usar pontos.

Sinta-se à vontade para contribuir, abrir issues ou sugerir melhorias! 🚀