add support for custom style map

Author: DaniAkash

ReactNativeDraftjsExample/App.js

@@ -65,10 +65,21 @@ const EditorToolBar = ({
         isActive={blockType === "ordered-list-item"}
         action={() => toggleBlockType("ordered-list-item")}
       />
+      <ControlButton
+        text={"--"}
+        isActive={activeStyles.includes("STRIKETHROUGH")}
+        action={() => toggleStyle("STRIKETHROUGH")}
+      />
     </View>
   );
 };
 
+const styleMap = {
+  STRIKETHROUGH: {
+    textDecoration: "line-through"
+  }
+};
+
 const App = () => {
   const _draftRef = React.createRef();
   const [activeStyles, setActiveStyles] = useState([]);
@@ -96,7 +107,7 @@ const App = () => {
      * Usually keep it in the submit or next action to get output after user has typed.
      */
     setEditorState(_draftRef.current ? _draftRef.current.getEditorState() : "");
-  });
+  }, [_draftRef]);
   console.log(editorState);
 
   return (
@@ -109,6 +120,7 @@ const App = () => {
         ref={_draftRef}
         onStyleChanged={setActiveStyles}
         onBlockTypeChanged={setActiveBlockType}
+        styleMap={styleMap}
       />
       <EditorToolBar
         activeStyles={activeStyles}

index.js

@@ -27,7 +27,7 @@ class RNDraftView extends Component {
   executeScript = (functionName, parameter) => {
     this._webViewRef.current &&
       this._webViewRef.current.injectJavaScript(
-        `window.${functionName}(${parameter ? `"${parameter}"` : ""});true;`
+        `window.${functionName}(${parameter ? `'${parameter}'` : ""});true;`
       );
   };