Update to 1.0.30

layout size added to state

Author: imnapo

expo-demo/package.json

@@ -10,7 +10,7 @@
     "expo": "^31.0.2",
     "react": "16.5.0",
     "react-native": "https://github.com/expo/react-native/archive/sdk-31.0.0.tar.gz",
-    "react-native-cn-richtext-editor": "^1.0.29",
+    "react-native-cn-richtext-editor": "^1.0.30",
     "react-native-popup-menu": "^0.14.2"
   },
   "devDependencies": {

expo-demo/yarn.lock

@@ -3730,10 +3730,10 @@ react-native-branch@2.2.5:
   version "2.2.5"
   resolved "https://registry.yarnpkg.com/react-native-branch/-/react-native-branch-2.2.5.tgz#4074dd63b4973e6397d9ce50e97b57c77a518e9d"
 
-react-native-cn-richtext-editor@^1.0.29:
-  version "1.0.29"
-  resolved "https://registry.yarnpkg.com/react-native-cn-richtext-editor/-/react-native-cn-richtext-editor-1.0.29.tgz#98e9b2cd38c1a932ffda39dc18f4ddff5e6a85e5"
-  integrity sha512-t3wdl4uYPdx+V3qnbtIYxaeUfjHmWea2YdLnRdnlQUu431FBQg7oqXB1HaLq6JcSS/fIfEoSsLb2ZyUv4W92+w==
+react-native-cn-richtext-editor@^1.0.30:
+  version "1.0.30"
+  resolved "https://registry.yarnpkg.com/react-native-cn-richtext-editor/-/react-native-cn-richtext-editor-1.0.30.tgz#481b255a886aa71d7d2324704627805022bc3984"
+  integrity sha512-JTV8gXV6n3KK8IEPC6xMsq4rUOJGoABXYENfcEmKEmCl6JN79L+eilr4eZyNG17Uk2yW63BBBkgTZQfZeNgqbw==
   dependencies:
     diff-match-patch "^1.0.4"
     immutability-helper "^2.8.1"

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-cn-richtext-editor",
-  "version": "1.0.29",
+  "version": "1.0.30",
   "description": "RichText Editor for React-Native",
   "main": "index.js",
   "scripts": {
@@ -28,8 +28,8 @@
     "url": "git+https://github.com/imnapo/react-native-cn-richtext-editor.git"
   },
   "contributors": [
-    "Narbe HS <imnapo@gmail.com> (http://learncode.net)",
-    "Christ Kho <christ.khodabakhshi@gmail.com> (http://learncode.net)"
+    "Christ Kho <christ.khodabakhshi@gmail.com> (http://learncode.net)",
+    "Narbe HS <imnapo@gmail.com> (http://learncode.net)"
   ],
   "author": "Narbe HS <imnapo@gmail.com> (http://learncode.net)",
   "license": "ISC",

src/CNRichTextEditor.js

@@ -13,15 +13,13 @@ const shortid = require('shortid');
 class CNRichTextEditor extends Component {
 
     state = {
-     
         imageHighLightedInex: -1,
- 
+        layoutWidth: 400,
         styles: [],
         selection:{ start : 0, end: 0},
         justToolAdded: false,
         avoidUpdateText: false,
         focusInputIndex: 0,
-   
     };
 
     constructor(props) {
@@ -35,16 +33,13 @@ class CNRichTextEditor extends Component {
         this.upComingStype = null;
         this.focusOnNextUpdate = -1;
         this.selectionOnFocus = null;
-        this.layoutWidth = 400;
     }
 
     componentDidMount() {
 
     }
 
     componentDidUpdate(prevProps, prevState) {
-        
-        
         if(this.focusOnNextUpdate != -1 && this.textInputs.length > this.focusOnNextUpdate) {
             let ref = this.textInputs[this.focusOnNextUpdate];
             ref.focus(this.selectionOnFocus);
@@ -453,8 +448,8 @@ class CNRichTextEditor extends Component {
 
     renderImage(image, index) {
         const { width, height } = image.size;
-        let myHeight = (this.layoutWidth - 4 < width) ? height * ((this.layoutWidth - 4) / width) : height; 
-        let myWidth = (this.layoutWidth - 4 < width) ? this.layoutWidth - 4 : width;
+        let myHeight = (this.state.layoutWidth - 4 < width) ? height * ((this.state.layoutWidth - 4) / width) : height; 
+        let myWidth = (this.state.layoutWidth - 4 < width) ? this.state.layoutWidth - 4 : width;
 
         return (
             <View key={`image${index}`}
@@ -526,7 +521,10 @@ class CNRichTextEditor extends Component {
         width,
         height
         } = event.nativeEvent.layout;
-        this.layoutWidth = width;
+       
+        this.setState({
+            layoutWidth: width
+        });
     }
 
     render() {