react-native-lightbox
Installation
yarn add react-native-image-lightbox
or npm install react-native-image-lightbox
Usage
import LightboxImage from 'react-native-image-lightbox';
<LightboxImage
imageWidth = {260}
imageHeight = {260}
underlayColor = "#fff"
imagesource = 'http://knittingisawesome.com/wp-content/uploads/2012/12/cat-wearing-a-reindeer-hat1.jpg' >
</LightboxImage>
);
Properties
Prop | Type | Description |
---|
activeProps | object | Optional set of props applied to the content component when in lightbox mode. Usable for applying custom styles or higher resolution image source. |
renderHeader(close) | function | Custom header instead of default with X button |
renderContent | function | Custom lightbox content instead of default child content |
onClose | function | Triggered when lightbox is closed |
onOpen | function | Triggered when lightbox is opened |
underlayColor | string | Color of touchable background, defaults to black |
backgroundColor | string | Color of lightbox background, defaults to black |
swipeToDismiss | bool | Enables gestures to dismiss the fullscreen mode by swiping up or down, defaults to true . |
springConfig | object | Animated.spring configuration, defaults to { tension: 30, friction: 7 } . |
GifImage