[英]react-native : onPress doesn't work
我在反应原生的 onPress 事件上工作。 第一次,我写了这段代码:
<TouchableOpacity
onPress={(this.props.minimum==null||this.props.value-1>=this.props.minimum)
? this.props.onDecrement
:console.log(this.props.texte+" : minimum atteint")}
style={[buttonSpinner,buttonSpinnerLeft]}>
这样,我的按钮就可以工作了,但是每次 render() 调用时都会自动调用 onPress。 我搜索并在这里找到了一个解决方案: React Native onPress 被自动调用。
但是现在,如果我没有任何自动呼叫......当我按下我的 Touchable 组件时我没有呼叫。
我尝试了一些版本:
const p=this.props;
//some other code
<TouchableOpacity
onPress={()=>(p.minimum==null||p.value-1>=p.minimum)
? p.onDecrement
:console.log(p.texte+" : minimum atteint")}
style={[buttonSpinner,buttonSpinnerLeft]}>
——
const p=this.props;
// some other code
<TouchableOpacity
onPress={(p)=>(p.minimum==null||p.value-1>=p.minimum)
? p.onDecrement
:console.log(p.texte+" : minimum atteint")}
style={[buttonSpinner,buttonSpinnerLeft]}>
——
<TouchableOpacity
onPress={()=>(this.props.minimum==null||this.props.value-1>=this.props.minimum)
? this.props.onDecrement
:console.log(this.props.texte+" : minimum atteint")}
style={[buttonSpinner,buttonSpinnerLeft]}>
没有成功...
精度,我在一个分离的组件上工作。 该组件在主渲染中被调用,如下所示:
<NumberSpinner
onDecrement = {()=>this.onDecrement(elt.idCat,idElt)}
onIncrement = {()=>this.onIncrement(elt.idCat,idElt)}
minimum = {0}
maximum = {null}
texte = {elt.slug}
value={elt.qteTxt}
/>
尝试在函数中移动您的逻辑,因此仅将onPress
与函数调用一起使用
<TouchableOpacity
onPress={this.onPress}
>
<Text> Touch Here </Text>
</TouchableOpacity>
和你的功能:
onPress = () => {
//your logic here
}
您需要从react-native
导入TouchableOpacity
而不是从react-native-gesture-handler
导入。 react-native-gesture-handler
已 100% 损坏。 react-native
的版本有效。
接受的答案并不能解决这个问题。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.