react-native-photo-browse

Here is a browser page for multiple local or remote photos.

It supports:

• Multiple photos.
• Local image or remote url.
• Delete item.
• Save item to local.
• Image for placeholder or fail load.
• Orientation supported.

Install

Install by Yarn:

yarn add react-native-photo-browse

Install by NPM:

npm install --save react-native-photo-browse

Usage

First import in the file:

import * as PhotoBrowser from 'react-native-photo-browse';

Then call method in function:

func = () => {
  const options = {
    // ...options
  };
  PhotoBrowser.showPhotoBrowserPage(options);
}

Options

Name	Description
images	Image urls array to show
failImage	A placeholder image when image is invalid
currentIndex	Initial index of image to show. Default is 0
loadingText	Loading tips
onClose	Callback method when close
supportedOrientations	Orientations supported for Modal
successDownloadText	DownLoad and Save success tips
cancelDownloadText	cancel DownLoad tips
clickdButtonIcon	clickdButton element
unClickdButtonIcon	unClickdButton element
closeIcon	stop download element
startDownload	to download picture

Global Settings

You can change settings globally.

import {PhotoBrowserPage} from 'react-native-photo-browse';
 
PhotoBrowserPage.defaultProps.xxx = yyy;

xxx is a key of options