create scrawl with react-native-svg
# 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
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);
- 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
- clear
function
clear all scrawl path
npm install
react-native link react-native-svg
react-native run-android
react-native run-ios
Email: liuhong1.happy@163.com