android - React Native TouchableHighlight ignores the first click event -


i using touchablehighlight making buttons, seems first click event on button not trigger onpress event on touchablehighlight element. works when clicked again.

the code looks like:

 return (   <touchablehighlight       onpress={this.props.onpress}       style={btnstyles}       underlaycolor="#a30000"       activeopacity={1}>     <text style={styles.buttontext}>{this.props.children}</text>   </touchablehighlight> ); 

this link button created: https://github.com/uiheros/react-native-redux-todo-list/blob/master/app/components/shared/button.js

does know how fix it? or caused problem?

edit: problem happens me on both ios simulator , android simulator. have not tested in real devices yet.

i think using emulator test app (genymotion?) same thing happened me , got confused rest assured issue not app emulator or operation system(sometimes first click bring emulator focus) positive if try on physical device it'll work properly.

hope helpful