@bean-app/react-native-rich-editor NPM

React Native Rich Editor - an Easy-to-use Rich Text Editor for React Native App

⚠️The project is still in the development phase and there may be some issues affecting the normal use.

Platforms Supported

iOS
Android
Expo (Android, iOS)

Try It Now!

Try it now in Expo Go !

Open the camera app on your device and scan the code below:

Preview Build

Release Build

Getting Started

Read our Getting Started Guide. If any step seems unclear, please create a detailed issue.

Install

$ yarn add @bean-app/react-native-rich-editor

(or)

For npm use

$ npm install --save @bean-app/react-native-rich-editor

Usage

Import the ReactNativeRichEditor component from @bean-app/react-native-rich-editor and use it like so:

import {
  Format,
  ReactNativeRichEditor,
  RichEditorToolBar,
} from '@bean-app/react-native-rich-editor';

// ...
const MyComponent = () => {
  return (
    <ReactNativeRichEditor
      height={height}
      width={width}
      defaultValue={[
        { insert: 'Hello ' },
        { insert: 'World!', attributes: { bold: true } },
        { insert: '\n' },
      ]}
    >
      <RichEditorToolBar tools={[]} />
    </ReactNativeRichEditor>
  );
};