android – React Native – TouchableOpacity无法在绝对定位的View中工作

android – React Native – TouchableOpacity无法在绝对定位的View中工作,第1张

概述我有一个绝对定位的View,它拥有3个TouchableOpacity组件而3个无法响应它们根本就不起作用,这里出了什么问题请帮帮我:) 码 <View style={[styles.highNormalLowDocListHeaderStateContainer, {width: this.windowWidth, height: this.headerSmallHeight, position 我有一个绝对定位的VIEw,它拥有3个touchableOpacity组件而3个无法响应它们根本就不起作用,这里出了什么问题请帮帮我:)

<VIEw style={[styles.highnormalLowDocListheaderStateContainer,{wIDth: this.windowWIDth,height: this.headerSmallHeight,position: 'absolute',left: 0,top: floatedheaderTitletop,elevation: 2}]}>    <touchableOpacity onPress={() => this.getdocuments('high')} style={[styles.highnormalLowDocListheaderStateTextContainer,highSelected.borderStyle]}>        <Text style={[styles.highnormalLowDocListheaderStateText,highSelected.textStyle]}>HIGH</Text>    </touchableOpacity>    <touchableOpacity onPress={() => this.getdocuments('normal')} style={[styles.highnormalLowDocListheaderStateTextContainer,normalSelected.borderStyle]}>        <Text style={[styles.highnormalLowDocListheaderStateText,normalSelected.textStyle]}>norMAL</Text>    </touchableOpacity>    <touchableOpacity onPress={() => this.getdocuments('low')} style={[styles.highnormalLowDocListheaderStateTextContainer,lowSelected.borderStyle]}>        <Text style {[styles.highnormalLowDocListheaderStateText,lowSelected.textStyle]}>LOW</Text>    </touchableOpacity></VIEw>

截图

解决方法 即使标签栏在视觉上看起来位于列表中的内容之上,列表的触摸事件也可能在标签栏之前接收它.将zIndex添加到选项卡栏以允许它首先接收触摸事件. 总结

以上是内存溢出为你收集整理的android – React Native – TouchableOpacity无法在绝对定位的View中工作全部内容,希望文章能够帮你解决android – React Native – TouchableOpacity无法在绝对定位的View中工作所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1128125.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-30
下一篇 2022-05-30

发表评论

登录后才能评论

评论列表(0条)

保存