galleriz's Introduction

Galleriz!

In this project, we try to clone the gallery app that comes with Samsung smartphones and try to learn about the different modules and packages we use to build a gallery application.

Preview

Main technologies used

React Native Cli

A framework for building native apps with React.

React Navigation

Used for add buttom tab navigation and stack navigation

React Native Cameraroll

CameraRoll is a react-native native module that provides access to the local camera roll or photo library.

Install and run on android

cd react-native-gallery
npm install
npx react-native run-android

Install and run on ios

cd react-native-gallery
npm install
npx react-native run-ios

galleriz's People

Contributors

galleriz's Issues

Add Image loading Indicator and Reduce Loading time of Images

Use Images Caching to reduce gallery image loading time.

Use react-native-fast-image Instead of React Native Default Image Component

Add a grey Square box when the image is loading.

Here is the reference.

Add Animated Top Header Title

You have to add an animated top header title, reference given below.

Try to use React Native Reanimated library.

WhatsApp.Video.2022-07-22.at.10.11.10.AM.mp4

Add a proper Logo In The App

Find a logo or create a new one suitable for this app. and change the app default logo with a new one

Add Dark mode in the app.

Try to make the theme given below.

Here is the reference.

Update UI of Full size image viewer screen.

Update Gallery image viewer UI. UI reference is given below.
Also, Add Pinch Zoom and Zoom in out future.
Only delete button must work other button not need to work

WhatsApp.Video.2022-07-22.at.10.38.01.AM.mp4