rid-lightbox

0.1.1 • Public • Published

lightbox

A React Native Lightbox component inspired by react-native-lightbox

Setup

npm install --save rid-lightbox

Usage

    import {LightBox} from 'rid-lightbox';
 
    .
    .
    .
 
    return (
        <View style={[styles.container, containerStyle]}>
            <LightBox
                renderHeader={() => <NormalText style={{ textAlign: 'center', color: 'white' }}>"HEADER"</NormalText>}
                renderFooter={() => <NormalText style={{ textAlign: 'center', color: 'white' }}>"FOOTER"</NormalText>}
                renderContent={() => <Image source={{ uri: image }} resizeMode={'contain'} style={{width, height: width}}/>}>
                <Image source={{ uri: image }} style={[styles.image, imageStyle]}  />
            </LightBox>
        </View>
    );

Available Props

Name Type Default Description
swipeable boolean true Enables gestures to dismiss fullscreen mode by swiping up or down.
containerStyle ViewStyle empty Style applied to the content.
renderHeader func undefined Custom header component.
renderContent func undefined Custom content component instead of child node.
renderFooter func undefined Custom footer component.
renderCloseButton func undefined Custom close button component instead of default X icon button.

Package Sidebar

Install

npm i rid-lightbox

Weekly Downloads

2

Version

0.1.1

License

MIT

Unpacked Size

10.2 kB

Total Files

6

Last publish

Collaborators

  • andresd