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

A simple React Native app to show how Shared Elements with Navigation works.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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!

About

A simple React Native app to show how Shared Elements with Navigation works.


Languages

Language:JavaScript 100.0%