Skip to content

Just a simple Flatlist practice Project that I have made in order to understand how flatlist works. Still needs more improvements and can further be optimized using the built in props of flatlist.

Notifications You must be signed in to change notification settings

purefml/Flatlists

Repository files navigation

INFO:

!Important: THIS CAN BE IMRPOVED, BUT ALMOST COVERS EVERYTHING ABOUT FLATLIST AND REACT NATIVE

A simple replication of Spotify App (Some parts of It) in terms of UI, that demonstrates Nesting of Flatlist and usage of Tab navigation, this is also my Go to template for React Native TypeScript (Funtional Components). Project uses the same JSON data (currently Static) that can be retrieved from the Public API of Spotify. Note this is more of a UI focused with a little bit of Functions but nothing major such as API endpoint calls.

SOME IMPORTANT PACKAGES USED:

  • React Navigation v6
  • React Bottom-Tabs v6
  • React Native screens v3

other packages can be viewed in packages.json

Clone and Run the following:

For Native Cli:

  • npm install / yarn install
  • npx react-native-link //This is for the Assets such as Fonts

For Expo Users:

  • install expo cli
  • npm install
  • expo start

SCREENSHOTS:

Screenshot_1636337087 Screenshot_1636337120 Screenshot_1636337136 Screenshot_1636337294

About

Just a simple Flatlist practice Project that I have made in order to understand how flatlist works. Still needs more improvements and can further be optimized using the built in props of flatlist.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages