React Native Pictures: Swift Image Gallery Component


React Native Pictures is a comprehensive toolkit for handling images within your React Native application. Our goal is to provide a modern, efficient codebase using Swift and Kotlin, offering common solutions for image-related features in your React Native app.

This library integrates a custom native iOS implementation and utilizes PhotoView on Android. Please note that this project is in its early stages—expect breaking changes before the release of v1.


npm install react-native-pictures


Here's a simple example to showcase how you can use React Native Pictures in your app. It's recommended that the viewer takes the entire available space:

import {PicturesViewer} from 'react-native-pictures';

// ...

    width: "100%",
    height: "100%"



imageUrlstringThe remote image url you want to see
styleViewStyleStyle of PictureViewer.


  • More controls: Add ability to display local images, gesture event listeners, etc.
  • Custom Android Implementation: Replace PhotoView with a custom implementation, as PhotoView is no longer maintained.
  • Image Cropping Feature: Implement a cropping feature to leverage the pan and zoom capabilities, making it easier to integrate an image cropping screen.


See the contributing guide to learn how to contribute to the repository and the development workflow.

Made with create-react-native-library

Download Details:

Author: PierreCapo
Source Code: 
License: MIT license

#swift #react #toolkit 

React Native Pictures: Swift Image Gallery Component
1.45 GEEK