olorehq/olore/2-6-4

react-native-skia Documentation

React Native Skia documentation. Use for high-performance 2D graphics, shaders, animations, canvas rendering, image filters, path effects, and Skia API in React Native.

Documentation Structure

contents/
├── getting-started/   # Installation, setup, web, headless, bundle size (5 files)
├── canvas/            # Canvas component, rendering modes, contexts (3 files)
├── shapes/            # Path, ellipses, box, polygons, vertices, atlas, patch (8 files)
├── paint/             # Paint overview and paint properties (2 files)
├── image-filters/     # Blur, shadows, displacement map, morphology, offset, runtime shaders (7 files)
├── shaders/           # Gradients, color shaders, image shaders, SkSL, Perlin noise (5 files)
├── text/              # Text, paragraphs, glyphs, blobs, text on path (5 files)
├── animations/        # Reanimated 3 integration, hooks, gestures, textures (4 files)
└── (root)             # Group, mask, image, SVG, animated images, video, filters, effects (13 files)

Topic Guide

When to use

Use this skill when the user asks about:

• Drawing shapes, paths, and custom graphics in React Native
• Shader programming (SkSL, gradients, noise, image shaders)
• Image filters (blur, shadows, displacement, morphology)
• Text rendering and typography (fonts, paragraphs, text on path)
• Animations with Reanimated 3 and gesture handling
• Canvas setup, rendering modes, and performance
• Masking, compositing, and blend modes
• Lottie animations via Skottie
• Video and animated image rendering
• Web/headless usage of React Native Skia

How to find information

1. Use Topic Guide above to identify relevant files
2. Read TOC.md for complete file listing by directory
3. Read specific files from contents/{path}