https://github.com/khalisafkari/react-native-bigimageviewer
react native Big image viewer supporting pan and zoom
https://github.com/khalisafkari/react-native-bigimageviewer
bigimageviewer image imageview react-native react-native-image
Last synced: 7 months ago
JSON representation
react native Big image viewer supporting pan and zoom
- Host: GitHub
- URL: https://github.com/khalisafkari/react-native-bigimageviewer
- Owner: khalisafkari
- License: mit
- Created: 2020-08-19T10:15:29.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2020-08-24T00:32:11.000Z (almost 6 years ago)
- Last Synced: 2025-05-23T06:27:22.445Z (about 1 year ago)
- Topics: bigimageviewer, image, imageview, react-native, react-native-image
- Language: Java
- Homepage:
- Size: 1.73 MB
- Stars: 9
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# react-native-bigimageviewer
react native Big image viewer supporting pan and zoom, with very little memory usage and full
featured image loading choices. Powered by
[Glide](https://github.com/bumptech/glide)
## Installation
```sh
yarn add react-native-bigimageviewer
```
```sh
// android/build.gradle
allprojects {
repositories {
maven {
url "http://dl.bintray.com/piasy/maven"
}
...
}
}
```
Note: please put this download url at the first of your repositories part, otherwise, gradle may search in wrong place.
## demo
| | | |
|:-------------------------:|:-------------------------:|:-------------------------:|
|
| 
|
|
## Usage
```js
import BannerView from 'react-native-bigimageviewer';
// ...
```
## props
```typescript
type resizeMode =
| 'center'
| 'centerCrop'
| 'centerInside'
| 'fitCenter'
| 'fitEnd'
| 'fitStart'
| 'fitXY'
| 'start';
interface imageProps {
source: string;
loading?: boolean;
resizeMode?: resizeMode;
style?: StyleProp;
onCacheHit?: Function;
onCacheMiss?: Function;
onStart?: Function;
onProgress?: Function;
onFinish?: Function;
onSuccess?: Function;
onFail?: Function;
}
```
## Contributing
See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.
## License
MIT