sketchia

It is a canvas library using react-native-skia.

features:

background image or plain background color.
2 drawing modes-
- cubic: for smoother curves
- quadratic: for less smoother curves at lower computational cost
customizable stroke color & thickness
basic undo/clear etc.
saving transparent snapshots

Installation

# npm
npm install sketchia

#yarn
yarn add sketchia

Usage

import { type CanvasControls, SketchiaCanvas } from 'sketchia';
import { useImage } from '@shopify/react-native-skia';

const backgroundImage = useImage('https://picsum.photos/800');
const sketchCanvasRef = useRef<CanvasControls>(null);

return (
    <SketchiaCanvas
        backgroundImage={image}
        canvasColor={'#2A0F4C'}
        mode={'quadratic'}
        onStrokeStart={onStrokeStart}
        onStrokeEnd={onStrokeEnd}
        ref={sketchCanvasRef}
        strokeWeight={6}
        toolColor={'#FCFADA'}
        touchEnabled={isHighlighterActive}
    />
);

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT

Made with create-react-native-library