Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

react-native-fb-image-grid

jibran666101MIT0.0.5

A compatibility package of popular package react-fb-image-grid for react-native

react-native, react-component, react-native-component, react, react native, mobile, ios, android, ui, image

readme

react-native-fb-image-grid

This is the very early alpha age of this library, and the code is very dirty, but all PRs are welcome.

follow on Twitter

NPM

Github

Install

npm i react-native-fb-image-grid.

Usage

NOTE: Container that you are putting your FBGrid Width and Height must be calculated, or it will not appear.


import FbGrid from "react-native-fb-image-grid";

     <FbGrid
            images={[
              "https://facebook.github.io/react-native/docs/assets/favicon.png",
              "https://facebook.github.io/react-native/docs/assets/favicon.png",
              "https://facebook.github.io/react-native/docs/assets/favicon.png",
              "https://facebook.github.io/react-native/docs/assets/favicon.png",
              "https://facebook.github.io/react-native/docs/assets/favicon.png",
              "https://facebook.github.io/react-native/docs/assets/favicon.png"
            ]}
            onPress={onPress}
          /> 

    const onPress = (url, index, event) => {
      // url and index of the image you have clicked alongwith onPress event.
    }

ScreenShot