From 25b130f8e8bcd09b3bd41746afae77caa16cf45c Mon Sep 17 00:00:00 2001
From: Lyubo Marinov <lmarinov@atlassian.com>
Date: Thu, 21 Dec 2017 00:00:34 -0600
Subject: [PATCH] [RN] Don't tint the children, tint the background only

---
 .../base/react/components/native/TintedView.js     | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/react/features/base/react/components/native/TintedView.js b/react/features/base/react/components/native/TintedView.js
index 8a5bbbb017..883f6c4c46 100644
--- a/react/features/base/react/components/native/TintedView.js
+++ b/react/features/base/react/components/native/TintedView.js
@@ -104,8 +104,10 @@ export default class TintedView extends Component<Props, State> {
 
         const assignState = !this.state;
 
-        if (prevColor !== nextColor || prevOpacity !== nextOpacity
-                || prevStyle !== nextStyle || assignState) {
+        if (assignState
+                || prevColor !== nextColor
+                || prevOpacity !== nextOpacity
+                || prevStyle !== nextStyle) {
             const nextState = {
                 style: {
                     ...BASE_STYLE,
@@ -131,9 +133,13 @@ export default class TintedView extends Component<Props, State> {
      * @returns {ReactElement}
      */
     render() {
+        // XXX Don't tint the children, tint the background only.
         return (
-            <View style = { this.state.style }>
-                { this.props.children }
+            <View style = { BASE_STYLE }>
+                <View style = { this.state.style } />
+                <View style = { BASE_STYLE }>
+                    { this.props.children }
+                </View>
             </View>
         );
     }