https://github.com/maurisdev/react-native-images-combine

React Native Library for combining images
https://github.com/maurisdev/react-native-images-combine

javascript kotlin objective-c react-native

Last synced: 3 days ago
JSON representation

React Native Library for combining images

• Host: GitHub
• URL: https://github.com/maurisdev/react-native-images-combine
• Owner: maurisdev
• Created: 2020-03-05T14:22:07.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-05T09:09:58.000Z (about 2 years ago)
• Last Synced: 2025-01-08T16:26:06.681Z (about 1 month ago)
• Topics: javascript, kotlin, objective-c, react-native
• Language: Kotlin
• Homepage:
• Size: 1.19 MB
• Stars: 9
• Watchers: 1
• Forks: 8
• Open Issues: 11
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# react-native-images-combine

React Native Library for combine images

## Getting started

`$ npm install react-native-images-combine --save`

#### iOS

1. cd ios

2. pod install

## Usage

```javascript

import ImagesCombineLibrary from 'react-native-images-combine';

ImagesCombineLibrary.combineImages([

  Image.resolveAssetSource(require('../images/test1.png')),

  Image.resolveAssetSource(require('../images/test2.png'))

]).then((base64) => {

              

});

```

### Web Images, DynamicFiles, or Base64

Alternatively if you have a dynamic url **android and iOS** or file **iOS only** use the following syntax

```javascript

import ImagesCombineLibrary from 'react-native-images-combine';

const image1 = base64Asset // any base64 asset

const image2 = fileUriAsset // any file url asset example file:///data/user/0/com.myapp//cache/tempitem.png

      ImagesCombineLibrary.combineImages([

        { uri: image1 },

        { uri: image2 },

      ]).then(base64 => {

        // do something here

      })

```