fixed issue where images would not render.

Author: mientjan

example/package.json

@@ -22,8 +22,9 @@
   },
   "devDependencies": {
     "jest-expo": "~18.0.0",
+    "markdown-it": "^8.4.0",
+    "react-native-fit-image": "^1.5.4",
     "react-native-scripts": "0.0.50",
     "react-test-renderer": "16.0.0-alpha.12"
-
   }
 }

example/src/copyAllCheckboxPlugin.js

@@ -1,5 +1,10 @@
 const markdownText = `
- # Syntax __Support__
+## Images
+
+![Minion](https://octodex.github.com/images/minion.png)
+![Stormtroopocat](https://octodex.github.com/images/stormtroopocat.jpg "The Stormtroopocat")
+
+# Syntax __Support__
 
 __Advertisement :)__
 

example/src/customMarkdownStyle.js

@@ -17,10 +17,10 @@ const customMarkdownStyle = StyleSheet.create({
 	},
 	heading: {},
 	heading1: {
-		fontSize: 50,
+
 		backgroundColor: "#FFCC00"
 	},
-	text: {fontSize: 80,},
+	text: {fontSize: 20,},
 	strikethrough: {
 		textDecorationLine: 'line-through',
 		color: '#FF0000'

src/lib/parser.js

@@ -1,9 +1,6 @@
 import React from "react";
 import { View } from "react-native";
 import tokensToAST from "./util/tokensToAST";
-import removeInlineTokens from "./util/removeInlineTokens";
-import groupTextTokens from "./util/groupTextTokens";
-import getTokenTypeByToken from "./util/getTokenTypeByToken";
 import { stringToTokens } from "./util/stringToTokens";
 import { cleanupTokens } from "./util/cleanupTokens";
 

src/lib/renderRules.js

@@ -188,7 +188,7 @@ const renderRules = {
   },
   // li
   list_item: (node, children, parent, styles) => {
-    if (hasParents(parent, "ul")) {
+    if (hasParents(parent, "bullet_list")) {
       return (
         <View key={node.key} style={styles.listUnorderedItem}>
           <Text style={styles.listUnorderedItemIcon}>{"\u00B7"}</Text>
@@ -197,7 +197,7 @@ const renderRules = {
       );
     }
 
-    if (hasParents(parent, "ol")) {
+    if (hasParents(parent, "ordered_list")) {
       return (
         <View key={node.key} style={styles.listOrderedItem}>
           <Text style={styles.listOrderedItemIcon}>{node.index + 1}</Text>
@@ -255,7 +255,7 @@ const renderRules = {
     <Text key={node.key}>{"\n"}</Text>
   ),
   image: (node, children, parent, styles) => {
-    return <FitImage key={node.key} source={{ uri: node.attributes.src }} />;
+    return <FitImage key={node.key} style={{margin: 1}} source={{ uri: node.attributes.src }} />;
   }
 };