Rich Text Lexical React Native

Рендерит сериализованный контент Lexical из Payload CMS в React Native-приложениях с переопределяемыми конвертерами и нативными примитивами.

Сообщество 0 2/нед MIT v0.1.4

Установка

pnpm add @lizardglobal/payload-richtext-lexical-react-native

Описание

Это форк `@payloadcms/richtext-lexical`, в который добавлена точка входа для рендеринга в React Native. Компонент `RichText` импортируется из сабпата `@lizardglobal/payload-richtext-lexical-react-native/react-native` и принимает editor state JSON через проп `data`. Дерево документа отрисовывается стандартными примитивами React Native: `View`, `Text`, `Image` и `Pressable`. В комплекте идут встроенные конвертеры для стандартных типов узлов: blockquote, heading, horizontal rule, line break, link, list, paragraph, tab, table, text и upload. Любой конвертер можно заменить через проп `converters`, а базовые примитивы подменяются через проп `primitives`, чтобы вывод соответствовал дизайн-системе приложения. Поскольку в React Native нет встроенной обработки ссылок, внешние ссылки обрабатываются через коллбэк `onExternalLinkPress`, который разработчик реализует сам, обычно через `Linking.openURL`. Помимо самого компонента, пакет экспортирует низкоуровневые хелперы: `convertLexicalToReactNative`, `convertLexicalNodesToReactNative`, `defaultReactNativeConverters` и `defaultReactNativePrimitives`. API намеренно близко к существующему React-рендереру, поэтому миграция существующих вызовов обычно требует минимальных изменений. Через `converters` можно полностью переопределить логику рендера конкретного узла, включая платформенно-зависимое поведение вроде навигации по internal relationship links. Пакет экспериментальный, версия 0.1.1. API, схемы коллекций и поведение могут меняться без гарантий стабильности. Известные проблемные места: обработка неизвестных и кастомных типов узлов, internal relationship links, производительность на больших деревьях документа, layout таблиц, обработка изображений и дефолтные URL. Peer-зависимости: Payload 3.80.0, `@payloadcms/next` 3.80.0, React 19, React DOM 19, React Native >=0.72.0 (опционально). Дополнительно доступны унаследованные от upstream-форка точки входа: React, client и rsc.

О пакете

Имя пакета
@lizardglobal/payload-richtext-lexical-react-native
Последняя версия
0.1.4
Размер
4,4 МБ
Лицензия
MIT
Загрузок в неделю
2
Последняя публикация
4 авг. 2026 г.

Ещё от LizardGlobalGH

Профиль автора