Event_ with pressEffect & opacity affects placement of components it wraps

[heaversm]

The following code displays properly:

<Event_
  onPress={this.handlePressTout}
>
  {toutComponent}
</Event_>

where toutComponent is

<Image
  source={this.props.image}
  width='100%'
  center
>
  <Style_
    backgroundColor='transparent'
  >
    <Header
      size={18}
      color='WHITE'
    >
      {this.props.title}
    </Header>
  </Style_>
</Image>

However, if I add the pressEffect:

<Event_
  onPress={this.handlePressTout}
  pressEffect='opacity'
  activeOpacity={0.8}
>
  {toutComponent}
</Event_>

The issue can be resolved by switching to Event vs Event_

[mikehobi]

Could you share a screenshot? I'm not sure how the placement is being affected

[heaversm]