use stylesheet; bump version number to 0.2.3

autoHeightWebView/index.android.js

@@ -11,6 +11,7 @@ import {
     Animated,
     DeviceEventEmitter,
     Dimensions,
+    StyleSheet,
     Platform,
     UIManager,
     View,
@@ -172,20 +173,15 @@ export default class AutoHeightWebView extends ImmutableComponent {
             webViewSource = Object.assign({}, source, { baseUrl: 'file:///android_asset/web/' });
         }
         return (
-            <Animated.View style={[{
+            <Animated.View style={[Styles.container, {
                 opacity: enableAnimation ? this.opacityAnimatedValue : 1,
-                width: ScreenWidth,
                 height: height + heightOffset,
-                backgroundColor: 'transparent'
             }, style]}>
                 {
                     isChangingSource ? null :
                         <RCTAutoHeightWebView
                             ref={webview => this.webview = webview}
-                            style={{
-                                flex: 1,
-                                backgroundColor: 'transparent'
-                            }}
+                            style={Styles.webView}
                             javaScriptEnabled={true}
                             injectedJavaScript={script + customScript}
                             scrollEnabled={false}
@@ -231,6 +227,17 @@ const ScreenWidth = Dimensions.get('window').width;
 
 const IsBelowKitKat = Platform.Version < 19;
 
+const Styles = StyleSheet.create({
+    container: {
+        width: ScreenWidth,
+        backgroundColor: 'transparent'
+    },
+    webView: {
+        flex: 1,
+        backgroundColor: 'transparent'
+    }
+});
+
 const BaseScript =
     IsBelowKitKat ?
         `

autoHeightWebView/index.ios.js

@@ -8,6 +8,7 @@ import React, {
 import {
     Animated,
     Dimensions,
+    StyleSheet,
     View,
     WebView
 } from 'react-native';
@@ -84,17 +85,12 @@ export default class AutoHeightWebView extends ImmutableComponent {
         const { enableAnimation, source, heightOffset, customScript, style } = this.props;
         const webViewSource = Object.assign({}, source, { baseUrl: 'web/' });
         return (
-            <Animated.View style={[{
+            <Animated.View style={[Styles.container, {
                 opacity: enableAnimation ? this.opacityAnimatedValue : 1,
-                width: ScreenWidth,
                 height: height + heightOffset,
-                backgroundColor: 'transparent'
             }, style]}>
                 <WebView
-                    style={{
-                        flex: 1,
-                        backgroundColor: 'transparent'
-                    }}
+                    style={Styles.webView}
                     injectedJavaScript={script + customScript}
                     scrollEnabled={false}
                     source={webViewSource}
@@ -130,6 +126,17 @@ AutoHeightWebView.defaultProps = {
 
 const ScreenWidth = Dimensions.get('window').width;
 
+const Styles = StyleSheet.create({
+    container: {
+        width: ScreenWidth,
+        backgroundColor: 'transparent'
+    },
+    webView: {
+        flex: 1,
+        backgroundColor: 'transparent'
+    }
+});
+
 // note that it can not get height when there are only text objects in a html body which does not make any sense 
 const BaseScript =
     `

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-autoheight-webview",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "An auto height webview for React Native",
   "main": "autoHeightWebView",
   "files": [