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.