react-native-lightbox
react-native-lightbox copied to clipboard
Add backgroundPosition props
About
What want to do:
I wanna control the position of the content component.
Example, I wanna put content in flex-start instead of center.
Add:
Add backgroundPosition props.
ScreenShot
flex-start
<Lightbox
underlayColor="white"
backgroundColor="grey"
++ backgroundPosition="flex-start"
onOpen={() => this.setState({ isShowContent: true })}
willClose={() => this.setState({ isShowContent: false })}
>
<View style={{ backgroundColor: 'blue' }}>
<Text style={{ color: 'white' }} >TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText</Text>
{this.state.isShowContent &&
<View style={{ backgroundColor: 'green' }}>
<Text>
ContentsContentsContentsContentsContentsContentsContentsContentsContentsContentsContentsContentsContentsContentsContentsContentsContentsContentsContents
</Text>
</View>
}
</View>
</Lightbox>
flex-end
<Lightbox
underlayColor="white"
backgroundColor="grey"
++ backgroundPosition="flex-end"
onOpen={() => this.setState({ isShowContent: true })}
willClose={() => this.setState({ isShowContent: false })}
>
<View style={{ backgroundColor: 'blue' }}>
<Text style={{ color: 'white' }} >TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText</Text>
{this.state.isShowContent &&
<View style={{ backgroundColor: 'green' }}>
<Text>
ContentsContentsContentsContentsContentsContentsContentsContentsContentsContentsContentsContentsContentsContentsContentsContentsContentsContentsContents
</Text>
</View>
}
</View>
</Lightbox>
@oblador How about that?