First pass at fixing applyZOrder (#375)

* First pass at fixing applyZOrder

* Cleanup using defaults

* Fix return types

* Fix import

* Fix dupe import

Author: slycoder

android/src/main/java/com/twiliorn/library/TwilioRemotePreview.java

@@ -22,7 +22,10 @@ public TwilioRemotePreview(ThemedReactContext context, String trackSid) {
         Log.i("CustomTwilioVideoView", "Remote Prview Construct");
         Log.i("CustomTwilioVideoView", trackSid);
 
-
         CustomTwilioVideoView.registerPrimaryVideoView(this.getSurfaceViewRenderer(), trackSid);
     }
+
+    public void applyZOrder(boolean applyZOrder) {
+        this.getSurfaceViewRenderer().applyZOrder(applyZOrder);
+    }
 }

android/src/main/java/com/twiliorn/library/TwilioRemotePreviewManager.java

@@ -50,6 +50,10 @@ public void setTrackId(TwilioRemotePreview view, @Nullable String trackSid) {
         CustomTwilioVideoView.registerPrimaryVideoView(view.getSurfaceViewRenderer(), trackSid);
     }
 
+    @ReactProp(name = "applyZOrder", defaultBoolean = false)
+    public void setApplyZOrder(TwilioRemotePreview view, boolean applyZOrder) {
+      view.applyZOrder(applyZOrder);
+    }
 
     @Override
     protected TwilioRemotePreview createViewInstance(ThemedReactContext reactContext) {

android/src/main/java/com/twiliorn/library/TwilioVideoPreview.java

@@ -16,6 +16,9 @@ public class TwilioVideoPreview extends RNVideoViewGroup {
     public TwilioVideoPreview(ThemedReactContext themedReactContext) {
         super(themedReactContext);
         CustomTwilioVideoView.registerThumbnailVideoView(this.getSurfaceViewRenderer());
-        this.getSurfaceViewRenderer().applyZOrder(true);
+    }
+
+    public void applyZOrder(boolean applyZOrder) {
+        this.getSurfaceViewRenderer().applyZOrder(applyZOrder);
     }
 }

android/src/main/java/com/twiliorn/library/TwilioVideoPreviewManager.java

@@ -39,6 +39,11 @@ public void setScaleType(TwilioVideoPreview view, @Nullable String scaleType) {
       }
     }
 
+    @ReactProp(name = "applyZOrder", defaultBoolean = true)
+    public void setApplyZOrder(TwilioVideoPreview view, boolean applyZOrder) {
+      view.applyZOrder(applyZOrder);
+    }
+
     @Override
     @Nullable
     public Map getExportedCustomDirectEventTypeConstants() {

src/TwilioVideoLocalView.android.js

@@ -11,6 +11,9 @@ import PropTypes from 'prop-types'
 
 const propTypes = {
   ...View.propTypes,
+  // Whether to apply Z ordering to this view.  Setting this to true will cause
+  // this view to appear above other Twilio Video views.
+  applyZOrder: PropTypes.bool,
   /**
    * How the video stream should be scaled to fit its
    * container.

src/TwilioVideoParticipantView.android.js

@@ -26,7 +26,10 @@ class TwilioRemotePreview extends React.Component {
     importantForAccessibility: PropTypes.string,
     accessibilityLabel: PropTypes.string,
     nativeID: PropTypes.string,
-    testID: PropTypes.string
+    testID: PropTypes.string,
+    // Whether to apply Z ordering to this view.  Setting this to true will cause
+    // this view to appear above other Twilio Video views.
+    applyZOrder: PropTypes.bool
   }
 
   buildNativeEventWrappers () {