使用React Native打造优雅的图片查看体验：react-native-image-viewing

import React from 'react';
import { View, StyleSheet, Image } from 'react-native';
import Viewing from 'react-native-image-viewing';
 
export default class ImageViewingExample extends React.Component {
  render() {
    return (
      <Viewing style={styles.container}>
        <Image 
          style={styles.image} 
          source={{uri: 'https://example.com/path/to/image.jpg'}}
        />
      </Viewing>
    );
  }
}
 
const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
  image: {
    flex: 1,
    resizeMode: 'contain',
  },
});

这段代码演示了如何在React Native应用中使用react-native-image-viewing库来展示一张图片，并提供基本的缩放和平移功能。图片会根据其宽高比自动缩放以适应容器，而resizeMode设置为'contain'保证了图片不会超出容器边界。