react-native-draftjs-renderer/index.js

React Native render for draft.js and react-draft-wysiwyg

 // @flow

import React, {
  PropTypes,
} from 'react';
import {
  View,
} from 'react-native';

import getBlocks from './src/getBlocks';

const styles = {
  container: {
    flex: 1,
  },
};

type RnDraftJsRenderPropsType = {
 contentState: Object,
 customStyles?: Object,
 atomicHandler: Function,
 navigate?: Function,
 orderedListSeparator?: String,
};

const RNDraftJSRender = (props: RnDraftJsRenderPropsType): any => {
  const blocks = getBlocks(
    props.contentState, props.customStyles, props.atomicHandler,
    props.navigate, props.orderedListSeparator);

  return (
    <View style={styles.container}>
      { blocks }
    </View>
  );
};

RNDraftJSRender.propTypes = {
  contentState: PropTypes.object.isRequired,
  customStyles: PropTypes.object,
  atomicHandler: PropTypes.func,
  navigate: PropTypes.func,
  orderedListSeparator: PropTypes.string,
};

RNDraftJSRender.defaultProps = {
  customStyles: {},
  atomicHandler: (): any => null,
  navigate: undefined,
  orderedListSeparator: '.',
};

module.exports = RNDraftJSRender;