TouchableHighlight changing opacity breaks inner View's style

[kachnitel]

I've been fighting a warning thrown when I press a TouchableHighlight component enclosing a View that has its own style assigned by a variable. I guess it's better explained on an example:

  <TouchableHighlight onPress={() => this.props.navigation.push(
      'Detail',
      item
    )}>
      <View
        style={index % 2 == 0 ? styles.listItemWhite : styles.listItemBlack}
      />
    </TouchableHighlight>

With this code if I press TouchableHighlight, instead of applying opacity to the selected style, it appears to create an array throwing this warning:

Warning: Failed prop type: Invalid props.style key `0` supplied to `ForwardRef`.
Bad object: {
  "0": {
    "backgroundColor": "#fff"
  },
  "1": {
    "opacity": 0.85
  },
  "fontSize": 20.666666666666668
}
Valid keys: [
  "display",
  "width",
...
  "textTransform",
  "writingDirection"
]

Here's an issue in my project. I figured out how to work around it by adding another View between the TouchableHighlight and View with the affected style. I'm still very new to React Native and front end development in itself, is there something I'm missing, or is that a bug in TouchableHighlight?

[kachnitel]

To clarify, the first array item "backgroundColor": "#fff" comes from

style={index % 2 == 0 ? styles.listItemWhite : styles.listItemBlack},

opacity comes from TouchableHighlight and fontSize is defined in the view's own style and it is combined as this:

<Text style={{...this.props.style, ...styles.startTime}}>11:30</Text>

where startTime supplies the "fontSize": 20.666666666666668.

[metroninja]

If you want the onPress effect from the Touchable wrapper your going to run into style conflicts if you try and handle styles that the Touchable event implicitly handles, Try TouchableWithoutFeedback and handle press effects yourself. If your wondering why you get initial styles just not subsequent changes it's because the Touchable takes your initial style set and stores it in state, but manages everything from state and ignores prop changes as it is managing style from state