sivarajng / react-native-photo-grid-frame

React Native component that builds a grid of photos with a Dynamic Photo Size
MIT License
17 stars 10 forks source link

react-native-photo-grid-frame

React Native component that builds a grid of photos with a Dynamic Photo Size and Popup the Photo on click.

Install

npm install react-native-photo-grid-frame --save

Screenshots

alt text alt text alt text alt text

Usage

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */
import React, { Component } from 'react';
import {
  AppRegistry,
  ScrollView
} from 'react-native';
import { PhotoGrid } from 'react-native-photo-grid-frame';
import Photos from './Photos';

export default class photoGrid extends Component {
  render() {
    return (
      <ScrollView>
        <PhotoGrid PhotosList={Photos} borderRadius={10}/>
      </ScrollView>
    );
  }
}

AppRegistry.registerComponent('photoGrid', () => photoGrid);