Create Layered Images in React Native

A React Native library for generating images from other images.

How to use it:

1. Install and import the react-native-image-generator component.

# Yarn
$ yarn add react-native-image-generator

# NPM
$ npm i react-native-image-generatorimport { generate } from 'react-native-image-generator';

2. Combine two images into a new one.

const r = await generate(
  [
    {
      uri: 'image1.jpg',
      width: 200,
      height: 300,
      x: 0,
      y: 0,
    },
    {
      uri: 'Mario', // named asset 
      width: 200,
      height: 300,
      x: 0,
      y: 0,
    },
  ],
  {
    filename: 'result.png',
    width: 200,
    height: 300,
  }
);

Preview:

Download Details:

Author: evgenusov

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/evgenusov/react-native-image-generator

License: MIT

#react-native #react