问题:
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>
这样问题就完美解决了。