如何解决ScrollView中的图像放大ReactNative
我使用以下代码放大“ ScrollView”中的“ Image”。但是,我有一个类似图片的问题。我对解决方案一无所知。感谢您的帮助。
nPinchEvent = Animated.event([{ nativeEvent: { scale: scale } }],{
useNativeDriver: true,});
onPinchStateChange = (event,index) => {
console.log(event)
if (event.nativeEvent.oldState === State.ACTIVE) {
Animated.spring(scale,{
toValue: 1,useNativeDriver: true,bounciness: 1,}).start();
}
};
<ScrollView scrollEnabled={true} pagingEnabled={true} horizontal>
{
images.map((image,index) => (
<View key={index +1} style={styles.container}>
<PinchGestureHandler
key={index}
onGestureEvent={this.nPinchEvent}
onHandlerStateChange={(event) => this.onPinchStateChange(event,index)}>
<Animated.Image
key={index}
source={{ uri:image}}
style={[
styles.image,{
transform: [{ scale: scale }],},]}
resizeMode="cover"
/>
</PinchGestureHandler>
</View>
))
}
</ScrollView>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。