Fix backgroundColor with TouchableHighlight

Reviewed By: blairvanderhoof Differential Revision: D6575797 fbshipit-source-id: 913a5916def9719689917e83e917f44503b99a60
facebook · Dec 15, 2017 · 5a1171e · 5a1171e
1 parent 88f6f69
commit 5a1171e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 16 deletions.
diff --git a/Libraries/Components/Touchable/TouchableHighlight.js b/Libraries/Components/Touchable/TouchableHighlight.js
@@ -189,7 +189,7 @@ const TouchableHighlight = createReactClass({
     return {
       ...this.touchableGetInitialState(),
       extraChildStyle: null,
-      extraUnderlayStyle: styles.inactiveUnderlay,
+      extraUnderlayStyle: null,
     };
   },
 
@@ -285,7 +285,7 @@ const TouchableHighlight = createReactClass({
     if (this._hasPressHandler()) {
       this.setState({
         extraChildStyle: null,
-        extraUnderlayStyle: styles.inactiveUnderlay,
+        extraUnderlayStyle: null,
       });
       this.props.onHideUnderlay && this.props.onHideUnderlay();
     }
@@ -342,10 +342,4 @@ const TouchableHighlight = createReactClass({
   },
 });
 
-const styles = StyleSheet.create({
-  inactiveUnderlay: {
-    backgroundColor: 'transparent',
-  },
-});
-
 module.exports = TouchableHighlight;
diff --git a/Libraries/Components/Touchable/__tests__/__snapshots__/TouchableHighlight-test.js.snap b/Libraries/Components/Touchable/__tests__/__snapshots__/TouchableHighlight-test.js.snap
@@ -17,14 +17,7 @@ exports[`TouchableHighlight renders correctly 1`] = `
   onResponderTerminate={[Function]}
   onResponderTerminationRequest={[Function]}
   onStartShouldSetResponder={[Function]}
-  style={
-    Array [
-      Object {},
-      Object {
-        "backgroundColor": "transparent",
-      },
-    ]
-  }
+  style={Object {}}
   testID={undefined}
   tvParallaxProperties={undefined}
 >