React-Native-Pictures
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';
// ...
<PicturesViewer
imageUrl={"https://w.wallhaven.cc/full/r4/wallhaven-r42m09.jpg"}
style={{
width: "100%",
height: "100%"
}}
/>
Props | Type | Description |
---|---|---|
imageUrl | string | The remote image url you want to see |
style | ViewStyle | Style of PictureViewer. |
See the contributing guide to learn how to contribute to the repository and the development workflow.
Made with create-react-native-library
Author: PierreCapo
Source Code: https://github.com/PierreCapo/react-native-pictures
License: MIT license