Skip to main content

ImageViewer

安裝ImageViewer​

npm install react-native-image-zoom-viewer --save

顯示多張圖片,並且可以放大縮小​

  • 存放圖片在一個網路路徑
  • 然後用ImageViewer的imageUrls去讀取圖片
  • 必須要提供stylesheet才會有圖片顯現出來
  • 圖片可以讓使用者放大縮小
import{View, Text, StyleSheet, Image} from 'react-native'; 
import ImageViewer from 'react-native-image-zoom-viewer';

const images=[
	{url:'https://example.com/1.png'},
	{url:'https://example.com/2.png'},
];
const DetailScreen = ({result}) => {
  return (
    <View>
    <ImageViewer style="styles.image" imageUrls={ {images} } />
    </View>
  );
}

const styles = styleSheet.create({
	image:{
		height:100,
		width:200,
	}
});