0.1.1 • Published 5 years ago
rid-lightbox v0.1.1
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. |