Question

此程序包通常效果很好。但是，当我添加onCenter参数时，Android应用程序模拟器将因语法错误而崩溃。

我的图像文件比手机屏幕大。默认值似乎是它显示图像的中心。我正在尝试显示图像的顶部。用户可以上下滑动以阅读其余图像。我按照本页上的说明进行操作。 https://www.npmjs.com/package/react-native-image-pan-zoom

我尝试了“ centerOn”和“ ICenterOn”，结果相同。

<View>
<ImageZoom 
      cropWidth={Dimensions.get('window').width}
       cropHeight={Dimensions.get('window').height - 90}
       imageWidth={750}
       imageHeight={2175}
       pinchToZoom={true} 
      enableCenterFocus={false}
      centerOn={x: 100, y: 100, scale: 1, duration: 0.1}
               >
        <Image style={styles.map3}
               source={require('./assets/imageFile_01.png')}> . 
        </Image>
</ImageZoom>
</View>

语法错误似乎表明该方法未被识别。任何指针将不胜感激。

我的环境： Mac OS 10.14 反应：16.6.3 React Native：0.58.4 react-native-image-pan-zoom：^ 2.1.11 在Android模拟器上进行测试

该工具似乎也称为react-native-image-zoom。

https://github.com/ascoders/react-native-image-zoom

Answer 1

我遇到了同样的问题，通过将centerOn作为对象（双括号）传递来解决了这个问题：

centerOn={{x: 100, y: 100, scale: 1, duration: 0.1}}

将onCenter = {}设置添加到react-native-image-pan-zoom会触发语法错误

1 个答案: