Projeto simples para recriação da tela principal do Pinterest usando React Native (Expo), Animação de Splash Screen, carregamento em Skeleton e Bottom Sheet a partir do Tab no novo Expo Router.
Projeto para prática e aprendizado das libs do Expo mais recentes (2023 e 2024). A ideia é entender melhor os conceitos implementados recentemente como o Expo-Router. Também foi explorado alguns conceitos de animação usando Reanimated e Moti.
📌 Pré requisitos:
- Tenha o repositório clonado em sua máquina.
- Tenha o NodeJS instalado em sua máquina.
- É importante configurar o seu próprio
.env
e.env.local
baseando-se no.env.exemple
presente no projeto (Caso tenha).
🚩 Como Executar:
- Com o terminal aberto no diretório do projeto, execute o comando
npm i --force
para instalar as dependências. - Após a instalação, você deve rodar o projeto localmente usando o comando
npm start
e escolher as opções para execução a depender do ambiente. (Esse projeto também é compatível com o Expo Go.) - Caso queira executar o expo e limpar o cache, use
expo start -c
para executar e limpar o cache.
Em algumas situações, vai ser necessário limpar o cache do EXPO, para isso, execute os seguintes passos ou confira a documentação oficial:
rm -rf node_modules // Ou apague a pasta manualmente
npm cache clean --force
npm install
watchman watch-del-all
del %localappdata%Temphaste-map-*
del %localappdata%Tempmetro-cache
npx expo start --clear