https://github.com/liuhong1happy/react-native-scrawl

create scrawl with react-native-svg
https://github.com/liuhong1happy/react-native-scrawl

react react-native react-native-scrawl scrawl

Last synced: 2 months ago
JSON representation

create scrawl with react-native-svg

• Host: GitHub
• URL: https://github.com/liuhong1happy/react-native-scrawl
• Owner: liuhong1happy
• License: mit
• Created: 2016-12-13T14:24:57.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2017-03-15T08:01:53.000Z (over 9 years ago)
• Last Synced: 2025-10-28T03:37:49.800Z (9 months ago)
• Topics: react, react-native, react-native-scrawl, scrawl
• Language: JavaScript
• Homepage: https://liuhong1happy.github.io/react-native-scrawl/
• Size: 470 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# react-native-scrawl

[![Version](https://img.shields.io/npm/v/react-native-scrawl.svg)](https://www.npmjs.com/package/react-native-scrawl)

[![Downloads](https://img.shields.io/npm/dt/react-native-scrawl.svg)](https://www.npmjs.com/package/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

``` js

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 (

      

        

      

    );

  }

}

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](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: [liuhong1.happy@163.com](mailto:liuhong1.happy@163.com)