Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
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>