Skip to content

CrimsonSunrise/React-Native-Shared-Elements-Simple-Pokedex

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Native Shared Element Transition - Pokédex

⭐ Give this repository a star! ⭐

This is a simple React Native App to demonstrate how Shared Elements transition works using Navigation.

I've utilized the Pokémon API to fetch and show some cute little creatures.

Also, to make it ⚡ blazing fast ⚡ to show and scroll through the pokémon list, I've used FlashList, which is a modern and optimized way to create lists in React Native.

Screen 1 Screen 2 Screen 2

Install dependencies

This React App was created using Expo-cli, therefore, you need to install it before opening the project.

  1. Install expo-cli
npm i -g expo-cli
  1. Open your command prompt and navigate to the project folder.

  2. Install the dependencies:

npm install

or

yarn

Run the app

After installing all the dependencies, start the project using the command:

npm start

ou

yarn start

Contribution and help

You can fork and make contributions as you like.

Feel free to open an issue to ask or seek for help if needed.

Give a ⭐ if you like it!