Merge pull request #30 from redbrick-health/additional-adds

Adding hardbreak rule

Author: mientjan

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-markdown-renderer",
-  "version": "3.0.2",
+  "version": "3.1.0",
   "description": "Markdown renderer for react-native, with CommonMark spec support + adds syntax extensions & sugar (URL autolinking, typographer).",
   "main": "src/index.js",
   "scripts": {},

src/lib/renderRules.js

@@ -112,6 +112,10 @@ const renderRules = {
     </View>
   ),
 
+  hardbreak: (node, children, parent, styles) => (
+    <View key={node.key} style={styles.hardbreak} />
+  ),
+
   blockquote: (node, children, parent, styles) => (
     <View key={node.key} style={styles.blockquote}>
       {children}

src/lib/styles.js

@@ -122,6 +122,10 @@ export const styles = StyleSheet.create({
     alignItems: "flex-start",
     justifyContent: "flex-start"
   },
+  hardbreak: {
+    width: '100%',
+    height: 1
+  },
   strong: {
     fontWeight: "bold"
   },