feat(image): add resizeMode to Markdown styles prop

CharlesMangwa · Oct 10, 2016 · c84ee99 · c84ee99
1 parent 5b2833e
commit c84ee99
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/README.md b/README.md
@@ -85,7 +85,7 @@ Example:
 - `hr` (`<View>`)
 - `heading` (`<Text>`) - Also `heading1` through `heading6`
 - `inlineCode` (`<Text>`)
-- `image` (`<Image>`) - Supports `.jpg`, `.png`, `.gif`, etc
+- `image` (`<Image>`) - You can use `resizeMode` in `<Markdown />` styles prop to set a resizeMode
 - `link` (`Text`)
 - `list` (`<View>`) - Also `listItem` (`<View>`), `listItemBullet` (`<Text>`), `listItemNumber` (`<Text>`) and `listItemText` (`<Text>`)
 - `mailTo` (`Text`)

diff --git a/rules.js b/rules.js
@@ -76,9 +76,9 @@ export default (styles) => ({
     react: (node, output, state) => {
       return createElement(Image, {
         key: state.key,
-        resizeMode: 'contain',
+        resizeMode: styles.resizeMode ? styles.resizeMode : 'contain',
         source: { uri: node.target },
-        style: node.target.match(/youtube/) ? styles.video : styles.image
+        style: node.target.match(/youtu/) ? styles.video : styles.image
       })
     }
   },