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

【问题标题】：Adding onCenter={} setting to react-native-image-pan-zoom triggers syntax error将 onCenter={} 设置添加到 react-native-image-pan-zoom 会触发语法错误
【发布时间】：2019-10-11 02:59:02
【问题描述】：

这个包总体上很好用。但是当我添加 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>

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

我的环境：操作系统 10.14 反应：16.6.3 反应原生：0.58.4 react-native-image-pan-zoom: ^2.1.11 正在安卓模拟器上测试

看起来这个工具也叫 react-native-image-zoom。

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

【问题讨论】：

标签： android react-native

【解决方案1】：

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

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

【讨论】：