美文网首页
React Native中

React Native中

作者: Levi段玉磊 | 来源:发表于2020-12-08 18:09 被阅读0次

问题:

ScrollView nested within TouchableOpacity is not scrollable in React Native.

在React Native中,会遇到这种情况,<ScrollView>写在<TouchableOpacity>内导致无法滑动,由于手势问题。

例如:

<TouchableOpacity onPress={this.handlePress.bind(this)}>
<View>
<ScrollView>
{Picture_Array}
</ScrollView>
</View>
</TouchableOpacity>

这种情况Scrollview是无法滚动的。

解决方式:

在ScrollView中加个TouchableOpacity,就可以滚动了,例如:

<TouchableOpacity onPress={this.handlePress.bind(this)}>
<View>
<ScrollView>
<TouchableOpacity onPress={this.handlePress.bind(this)}>
{Picture_Array}
<TouchableOpacity onPress={this.handlePress.bind(this)}>
</ScrollView>
</View>
</TouchableOpacity>

这样问题就完美解决了。

相关文章

网友评论

      本文标题:React Native中

      本文链接:https://www.haomeiwen.com/subject/rbjqgktx.html