Cacheable Image Gallery App
This project was created with Expo init to create the skeleton of the structure.
Libraries & Packages
these libraries and packages was used to develop this app;
- NativeBaseUI for design.
- axios for fetching data from API
- expo-file-system for creating cache mechanism
- react-native-snap-carousel for image gallery template.
- shorthash for generating short hash id to the image file path for better readability.
Also, I used prettier plugin for formatting my code.
Installation
yarn installnpm install
Run the App
expo start or npm start
Testing
I added some console.log() for you to test caching mechanism easily.
When you swipe right to see another image you will see this kind of message that indicates the image is cached if it is not in the cache
If you swipe left and right again to see images, it will render from cache instead of downloading again. So you will see this console log in the terminal;
