From c0296b9386c6fce17e3cce8dafb18763a2583159 Mon Sep 17 00:00:00 2001
From: gevorg94 <gevorg994@gmail.com>
Date: Wed, 7 Jun 2017 13:20:13 +0400
Subject: [PATCH] pass backgroundColor directly to GLCanvas

---
 .../com/projectseptember/RNGL/GLCanvasManager.java     | 10 ++++++++++
 src/GLCanvas.js                                        |  6 ++++--
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/android/src/main/java/com/projectseptember/RNGL/GLCanvasManager.java b/android/src/main/java/com/projectseptember/RNGL/GLCanvasManager.java
index ae34348..2aeec37 100644
--- a/android/src/main/java/com/projectseptember/RNGL/GLCanvasManager.java
+++ b/android/src/main/java/com/projectseptember/RNGL/GLCanvasManager.java
@@ -52,6 +52,16 @@ public class GLCanvasManager extends SimpleViewManager<GLCanvas> {
         view.setZOrderMediaOverlay(overlay);
     }
 
+    @ReactProp(name = "setZOrderOnTop")
+    public void setZOrderOnTop (GLCanvas view, boolean setZOrderOnTop) {
+        view.setZOrderOnTop(setZOrderOnTop);
+    }
+
+    @ReactProp(name = "backgroundColor")
+    public void setBackgroundColor (GLCanvas view, Integer color) {
+        view.setBackgroundColor(color);
+    }
+
     @ReactProp(name = "pointerEvents")
     public void setPointerEvents(GLCanvas view, @Nullable String pointerEventsStr) {
         if (pointerEventsStr != null) {
diff --git a/src/GLCanvas.js b/src/GLCanvas.js
index c17343b..064a837 100644
--- a/src/GLCanvas.js
+++ b/src/GLCanvas.js
@@ -1,6 +1,6 @@
 import invariant from "invariant";
 import React, {Component} from "react";
-  import {requireNativeComponent, findNodeHandle} from "react-native";
+import {requireNativeComponent, findNodeHandle, processColor} from "react-native";
 import captureFrame from "./GLCanvas.captureFrame";
 
 const serializeOption = config =>
@@ -114,13 +114,15 @@ class GLCanvas extends Component {
 
   render () {
     const {
-      width, height,
+      width, height, style,
       onLoad, onProgress, eventsThrough,
       ...restProps } = this.props;
+    const { backgroundColor } = style;
 
     return <GLCanvasNative
       ref="native"
       {...restProps}
+      backgroundColor={processColor(backgroundColor)}
       style={{ width, height }}
       onGLLoad={onLoad ? onLoad : null}
       onGLProgress={onProgress ? onProgress : null}
-- 
2.26.2