liuhong1happy / react-native-scrawl

create scrawl with react-native-svg

react-native-scrawl

create scrawl with react-native-svg

Install

# react-native-svg 
npm install --save react-native-svg
react-native link react-native-svg
# install react-raphael-scrawl in your react-raphael-scrawl project

npm install --save react-native-scrawl

Quickly Start

import React, { Component } from 'react';
import {
  AppRegistry,
  View
} from 'react-native';

import Scrawl from 'react-native-scrawl'

export default class ScrawlApp extends Component {
  render() {
    return (
      <View>
        <Scrawl ref="scrawl" />
      </View>
    );
  }
}

AppRegistry.registerComponent('scrawl', () => ScrawlApp);

API

All Scrawl Props

• width number width of the canvas
• height number height of the canvas
• attr object attr of the scrawl path, you can see https://github.com/react-native-community/react-native-svg#common-props

All Scrawl Ref

• clear function clear all scrawl path

Development

npm install
react-native link react-native-svg
react-native run-android
react-native run-ios

Contact

Email: [e-mail]