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: about 2 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 (over 4 years ago)
• Default Branch: master
• Last Pushed: 2020-08-24T00:32:11.000Z (over 4 years ago)
• Last Synced: 2024-11-16T00:12:01.107Z (2 months ago)
• Topics: bigimageviewer, image, imageview, react-native, react-native-image
• Language: Java
• Homepage:
• Size: 1.73 MB
• Stars: 9
• Watchers: 2
• 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