ScrollView中的图像放大ReactNative

问题描述

我使用以下代码放大“ ScrollView”中的“ Image”。但是，我有一个类似图片的问题。我对解决方案一无所知。感谢您的帮助。

View Listview Problem Gif

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 (将#修改为@）