react-native-image-zoom-viewer
npm网址和文档
https://www.npmjs.com/package/react-native-image-zoom-viewer
安装:
npm i react-native-image-zoom-viewer --save
react-native link react-native-image-zoom-viewer
//一般自动link就可以如果有什么问题,ios可以拉到最下面参考
版本: "react": "16.8.3", "react-native": "0.59.9", "react-native-image-zoom-viewer": "^3.0.1"
使用方法
使用了react-native-image-zoom-viewer 实现放大查看图片的左右指滑动
官网Demo
import { Modal } from 'react-native';
import ImageViewer from 'react-native-image-zoom-viewer';
const images = [{
// Simplest usage.
url: 'https://avatars2.githubusercontent.com/u/7970947?v=3&s=460',
// width: number
// height: number
// Optional, if you know the image size, you can set the optimization performance
// You can pass props to <Image />.
props: {
// headers: ...
}
}, {
props: {
// Or you can set source directory.
url: '',
source: require('../background.png')
}
}]
export default class App extends React.Component {
render: function() {
return (
<Modal visible={true} transparent={true}>
<ImageViewer imageUrls={images}/>
</Modal>
)
}
}
问题1 图片加载不出来
我的代码&