@ankipro/react-native-canvas-view

React Native library for drawing on iOS, leveraging the power of Apple PencilKit to provide a seamless and immersive canvas drawing experience. Ideal for applications that require precise and natural drawing capabilities.

Key Features:

Versatile Drawing Tools: Choose from a variety of drawing tools, including brushes, pencils, erasers, and more.
Customizable Brushes: Customizable brush sizes, colors, and styles.
Undo/Redo Functionality
Save: Save your masterpieces in Base64 format.

Installation

yarn add @ankipro/react-native-canvas-view

... and pods

npx pod-install

Basic usage

import CanvasView from "@ankipro/react-native-canvas-view";

// ...

<CanvasView ref={canvasRef} />

For more information see example.

Props

Name	Type	Description
ref	CanvasViewRef	See methods below
style	ViewStyle	Base RN View style
onUndoRedoChange	(undoRedo: {canUndo: boolean; canRedo: boolean}) => void	Check ability undo/redo

Methods

Name	Type	Description
.showToolbar()	() => void	Show Toolbar
.hideToolbar()	() => void	Hide Toolbar
.undo()	() => void	Reverse the last action
.redo()	() => void	Reapply previously undone action
.getDrawingBase64()	(onComplete: (base64: string) => void) => void	Get Base64 image

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

AnkiPro/react-native-canvas-view