![\"Example](\"https://github.com/apollohg/react-native-prose-editor/wiki/images/banner.png\")
\n\n## Highlights\n\n- Native iOS and Android editing backed by a Rust document engine\n- HTML and ProseMirror JSON input and output\n- Configurable schemas, marks, blockquotes, lists, links, images, and mentions\n- Native toolbar, theming, selection, undo, and redo\n- `NativeProseViewer`, an exact-size Fabric renderer for read-only content\n- Shared document handles for local editing and Yjs collaboration\n- Bounded document, collaboration, and image-loading resources\n\n## Requirements\n\nThe package uses custom native code and Expo Modules. Use a development build or a bare React Native app with Expo Modules configured; it does not run in Expo Go.\n\nPublished peer ranges are Expo 52+, React Native 0.76+, React 18+, and `@expo/vector-icons` 14+. The checked-in example and current release validation use Expo SDK 57, React Native 0.86, and React 19.2.3. Expo SDK 57 uses the New Architecture and requires iOS 16.4+ and Android 7+.\n\n`NativeProseViewer` is New Architecture-only.\n\n## Installation\n\nInstall the package and its icon peer dependency:\n\n```sh\nnpm install @apollohg/react-native-prose-editor\nnpx expo install @expo/vector-icons\n```\n\nAdd the config plugin to an Expo app:\n\n```ts\nexport default {\n expo: {\n plugins: ['@apollohg/react-native-prose-editor'],\n },\n};\n```\n\nThen regenerate and rebuild the native app:\n\n```sh\nnpx expo prebuild\nnpx expo run:ios # or: npx expo run:android\n```\n\nThe plugin adds Android packaging exclusions for obsolete JNA ABIs. Existing generated or bare Android projects that do not run the plugin must apply the equivalent exclusions themselves:\n\n```properties\nandroid.packagingOptions.excludes=**/armeabi/libjnidispatch.so,**/mips/libjnidispatch.so,**/mips64/libjnidispatch.so\n```\n\nSee the [Installation Guide](https://github.com/apollohg/react-native-prose-editor/wiki/Installation) for bare React Native setup and native build details.\n\n## Editor usage\n\nEvery editor binds to a `NativeEditorDocumentHandle`. Create the handle once, initialize its content there, and destroy it when its owner unmounts.\n\n```tsx\nimport React, { useEffect, useMemo } from 'react';\nimport {\n createNativeEditorDocumentHandle,\n NativeRichTextEditor,\n} from '@apollohg/react-native-prose-editor';\n\nexport function EditorScreen() {\n const documentHandle = useMemo(\n () =>\n createNativeEditorDocumentHandle({\n initialization: {\n type: 'localHtml',\n html: 'Hello world
',\n },\n }),\n []\n );\n\n useEffect(() => () => documentHandle.destroy(), [documentHandle]);\n\n return (\nCounter demo
' },\n }),\n []\n );\n\n useEffect(() => () => documentHandle.destroy(), [documentHandle]);\n\n return (\n