如何解决React Native Touchables在ScrollView组件中不起作用
我花了数小时试图解决此问题,但似乎无法解决。我正在使用react-native-cube-navigation库将多维数据集导航合并到我的应用程序中。在多维数据集导航中,我有从数据库中提取的视频,这些视频在插入时会播放。我创建了一个工作暂停功能,但是当视频放置在CubeNavigation内时,暂停功能以及屏幕上的所有按钮都将停止工作。 CubeNavigation使用了Animated.ScrollView,因此我需要弄清楚如何允许可触摸对象在其中工作。
这是主屏幕上的代码。
CubeNavigation>
{posts.map(
({url,owner,description,encores,comments,shares}) => (
<View style={[styles.container,{ backgroundColor: "#ddd" }]}>
<Videos url={url} owner={owner} description={description} encores={encores} comments={comments} shares={shares}/>
</View>
)
)}
</CubeNavigation>
这是Videos.js中的代码
<TouchableWithoutFeedback onPress={() => setPlaying(!playing)} >
<View style={{flex:1}}>
<Video
paused={playing}
style={[styles.backgroundVideo,{width: w,height: h}]}
source={{uri: url}}
repeat
ref={videoRef}
resizeMode="cover"
retainOnceInViewPort={false}
/>
</View>
</TouchableWithoutFeedback>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。