jezielm7/react-native-color-scheme

react-native-color-scheme

Este projeto é para apresentar como utilizar as preferências do sistema do celular do usuário para apresentar as cores baseadas nesse tema.

Como foi construído?

O hook useColorScheme() é um hook que disponibiliza a aparência utilizada pelo usuário.

https://reactnative.dev/docs/usecolorscheme

👨‍💻️ Tecnologias Utilizadas

Esse projeto foi construído utilizando as seguintes tecnologias:

Mobile

• React Native

Dependencies

• TypeScript
• Styled-Components

IDE

• Visual Studio Code

---

📦️ Como Clonar e Rodar o Projeto

Node.js and Yarn or NPM are required

Para clonar o projeto, utilize os comandos:

  # Clonar o repositório
  ❯ git clone https://github.com/hstrada/react-native-color-scheme.git

  # Acessar o repositório
  ❯ cd react-native-color-scheme

Mobile

IOS

  # Entre na pasta do diretório
  > cd Colourse

  # Instale as dependências
  ❯ yarn

  # Instale as referências do iOS
  ❯ npx pod-install
  
  # Inicie o projeto
  ❯ yarn ios

Android

  # Entre na pasta do diretório
  > cd Colourse

  # Instale as dependências
  ❯ yarn
  
  # Inicie o projeto
  ❯ yarn android

---