update to RN 0.18 & fix style to be used with StyleSheet

Examples/AdvancedEffects/package.json

@@ -11,6 +11,6 @@
     "gl-react-native": "file:../..",
     "glsl-transitions": "^2015.11.8",
     "react": "^0.14.5",
-    "react-native": "0.18.0-rc"
+    "react-native": "^0.18.0"
   }
 }

Examples/Hearts/package.json

@@ -11,7 +11,7 @@
     "gl-react": "^2.1.0",
     "gl-react-native": "file:../..",
     "react": "^0.14.5",
-    "react-native": "0.18.0-rc",
+    "react-native": "^0.18.0",
     "seedrandom": "gre/seedrandom#released"
   }
 }

Examples/Simple/package.json

@@ -10,7 +10,7 @@
     "gl-react": "^2.1.0",
     "gl-react-native": "file:../..",
     "react": "^0.14.5",
-    "react-native": "0.18.0-rc",
+    "react-native": "^0.18.0",
     "react-native-fs": "^1.1.0",
     "react-native-material-kit": "gre/react-native-material-kit#no-peerDependencies"
   }

Examples/Tests/package.json

@@ -10,6 +10,6 @@
     "gl-react": "^2.1.0",
     "gl-react-native": "file:../..",
     "react": "^0.14.5",
-    "react-native": "0.18.0-rc"
+    "react-native": "^0.18.0"
   }
 }

package.json

@@ -19,7 +19,7 @@
   "author": "Project September <tech@projectseptember.com>",
   "license": "MIT",
   "peerDependencies": {
-    "react-native": "0.18.0-rc",
+    "react-native": "^0.18.0",
     "gl-react": "^2.1.0"
   },
   "dependencies": {

src/Surface.js

@@ -27,13 +27,17 @@ function renderVGL (props) {
 }
 
 function renderVcontainer ({ style, width, height, visibleContent, eventsThrough }, contents, renderer) {
-  const parentStyle = {
-    position: "relative",
-    ...style,
-    width: width,
-    height: height,
-    overflow: "hidden",
-  };
+  const parentStyle = [
+    {
+      position: "relative",
+    },
+    style,
+    {
+      width: width,
+      height: height,
+      overflow: "hidden",
+    }
+  ];
   return <View
     pointerEvents={!visibleContent && eventsThrough ? "none" : "auto"}
     style={parentStyle}>