問題タブ [touchablehighlight]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
react-native - React-Native TouchableHighlight activates wrong button when next to each other
I have a React-Native view where I have to buttons side by side from each other.
What is happening is when I click Back, it does what it is supposed to do: console.log(-1)
However, when I click on Next, the console.log
of "Back" is being activated almost 70% of the time and only 30% of the time it shows a console.log(+1)
I have no idea why this is happening. Here is a screenshot of what is rendered. Left side is what you see from the code below and the right side is what you see if I add a red border to styles.footerButtonContainer
.
What is even weirder is, if I add this border, then the above issue completely disappears and the buttons act as they are supposed do.
Code
android - React ネイティブの TouchableOpacity onPress が Android で動作しない
TouchabelOpacity は iOS では正常に動作しますが、onPress メソッドは Android では動作しません。
私の反応ネイティブバージョン: 0.57.4
私のコード: