Skip to content

docs: explain the React Native wrapper and native Skia engine architecture #9

@markm39

Description

@markm39

Goal

Make the architecture easier to understand for people discovering the package.

Context

A common point of confusion is that Mobile Ink is packaged for React Native, but the ink surface itself is a custom native MTKView backed by a C++ Skia engine. It depends on React Native Skia for native Skia libraries/headers, but it does not render strokes through React Native Skia's React <Canvas> API.

Suggested Scope

  • Add a small diagram or bullet list to README.md or docs/architecture.md.
  • Show the relationship between:
    • React Native TypeScript components
    • native iOS bridge/view managers
    • MTKView
    • C++ SkiaDrawingEngine
    • serialization/export helpers
  • Keep it beginner-friendly and avoid internal product details.

Done When

  • A new contributor can quickly explain where React Native ends and the native drawing engine begins.

Metadata

Metadata

Assignees

No one assigned

    Labels

    documentationImprovements or additions to documentationgood first issueGood for newcomers

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions