rns

react-native-single-image-zoom-viewer

I can not found a befitting viewer in Github ๐Ÿ˜Œ๐Ÿ˜Œ๏ผŒso I have to write one.

Showing:

Popularity

Downloads/wk

13

GitHub Stars

4

Maintenance

Last Commit

4yrs ago

Contributors

0

Package

Dependencies

0

License

ISC

Type Definitions

Tree-Shakeable

No?

Categories

Readme

react-native-single-image-zoom-viewer

move && zoom anywhere

Getting Start

install

npm i react-native-single-image-zoom-viewer --save

import & use

// import
import SingleImageZoomViewer from 'react-native-single-image-zoom-viewer'

// use in any component
// use remote image from uri
<SingleImageZoomViewer source={{uri:'https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=1972890221,1494503013&fm=26&gp=0.jpg'}}/>

// use local image,
<SingleImageZoomViewer source={require('./example-image.png')} width={200} height={{200}}/>

props

propstypeneededdetaildefault
sourceRN Image Sourceyesuse {uri:uri} or require('local uri') like use React Native Imagenone
widthNumbernoif the source is {uri:uri},it will auto set,if not it is default to be 200,or your settingsee detail
heightNumbersame as widthsame as width
styleObjectnothe container style object{flex:1,backgroundColor:'black'}

Problem may occur

use http resource

  1. open info.plist in Xcode
  2. add App Transport security setting below Information Property List
  3. add Allow Arbitrary Load below App Transport security setting and set value yes

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100