Fork from https://github.com/ldn0x7dc/react-native-transformable-image
npm install react-native-transformable-image-plusFork from https://github.com/ldn0x7dc/react-native-transformable-image
npm install --save react-native-transformable-image-plus@latest
import Image from 'react-native-transformable-image-next';
...
render() {
return (
...
style={{width: width, height: height}}
source={{uri: 'https://raw.githubusercontent.com/yoaicom/resources/master/images/game_of_thrones_1.jpg'}}
//pixels={{width: 3607, height: 2400}}
/>
...
);
}
`
You can provide enableTransform, enableScale and enableTranslate props to control corresponding features.
#### Other props
* onTransformGestureReleased and onViewTransformed:
ā inherited from react-native-view-transformer
$3
* If you are using react-native v0.27 and below, or if the image source is local (source={require('...')}), you should provide the pixels prop, like pixels={{width: 3607, height: 2400}} (ask your API server to provide the pixels info for remote images). This prop is used to align the edge of the image content with the view's boundry and to determine the max scale.
* By default, the offical iOS Image component will downsample if the image is larger than the view size. react-native-transformable-image` disables downsampling to keep more image details when zoomed in. This could cause memory issues if your image is too large.