Open nitaking opened 5 years ago
I wanna control the position of the content component.
Example, I wanna put content in flex-start instead of center.
Add backgroundPosition props.
backgroundPosition
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?
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
flex-end