Morioh
Login
Makda Amanuel

Makda Amanuel

4 years ago

React Native Gallery images app

Galleria

A React Native mobile application that display infinite scroll of images with fast image loading
and caching mechanism.
Since this app behave like a Gallery image app, I decided to call it Galleria.

Results

  • [x] Splashscreen
  • [x] Intro screen
  • [x] Infinite Scrollable Masonry List displaying images in the home screen
  • [x] Display option for image item on click (See in Fullscreen , Share on social media , Save to phone gallery)
  • [x] Fast image loading
  • [x] Cache for images
  • [x] Cache for Request
  • [x] Expo setup with Bare-workflow
  • [x] Working on iPhone and Android Devices (Tested)
  • [x] Fixed known bug for images display in iOS 14. bug reference here
  • [x] Documentation
  • [x] Implemented some Units and snapshot tests to ensure that app behave as expected (Work In Progress)

Preview #1

App-demo

Preview #2

App-demo

Used

Get Started

1. Clone the Repo

On the command prompt run the following commands

$ git clone https://github.com/Doha26/Galleria.git

 $ cd Galleria

 $ yarn  OR npm install (if you are using npm )

 $ grep -rl "s.dependency 'React/Core'" node_modules/ | xargs sed -i '' 's=React/Core=React-Core=g' // To replace React/Core with React-core for all dependencies that use it

 $ react-native link

 $ cd ios && pod install && cd.. (For iOS build)

 $ react-native run-ios  OR  react-native run-android

Dev environment

  • System:
    • OS: macOS 10.15.6
    • CPU: (8) x64 Intel® Core™ i7-4980HQ CPU @ 2.80GHz
    • Memory: 974.53 MB / 16.00 GB
    • Shell: 5.7.1 - /bin/zsh
  • Binaries:
    • Node: 12.18.3
    • Yarn: 1.17.3
    • npm: 6.14.6
    • Watchman: 4.9.0
  • SDKs:
    • iOS SDK:
    • Platforms: iOS 13.7, DriverKit 19.0, macOS 10.15, tvOS 13.4, watchOS 6.2
  • IDEs:
    • Android Studio: 4.0 AI-193.6911.18.40.6626763
    • Xcode: 11.7/11E801a

Author

Done with React-native

Download Details:

Author: Doha26

Source Code: https://github.com/Doha26/Galleria

#react-native #react #mobile-apps

React Native Gallery images app
4.10 GEEK