onpress emit in error area when view use transform

Author: smallnewerCreated Mar 19, 2019Updated Mar 25, 2019
Labelsbug

Is this a bug report?

yes

Have you read the Contributing Guidelines?

yes

Environment

Environment: OS: macOS High Sierra 10.13.6 Node: 8.3.0 Yarn: 1.12.3 npm: 5.3.0 Watchman: 4.9.0 Xcode: Xcode 10.1 Build version 10B61 Android Studio: Not Found

Packages: (wanted => installed) react: 16.2.0 => 16.2.0 react-native: Not Found

Target Platform: macos

Steps to Reproduce

  1. init a project use react-native-macos init xxx
  2. run js code below (click red area and move it to left 10px)
  3. click lower half of red area,not work.

ScreenFlow

Expected Behavior

emit click in [100,300] of y.

Actual Behavior

emit click in [0, 200] of y.

code

javascript
class Demo extends React.Component {
    constructor(props){
        super(props);

        this.state = {
            left: 100,
        };
    }
    render() {
        return (
            <TouchableOpacity 
                onPress={()=> this.setState({left: this.state.left+10})}
                style={{position:"absolute", right:this.state.left,width:200,height:200,transform:[{translateY:100}],backgroundColor:"red"}}>
            </TouchableOpacity>
        );
    }
}