-
Notifications
You must be signed in to change notification settings - Fork 24.4k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Fixed incorrect style props passed to Android Image when using children #8410
Closed
jeanregisser
wants to merge
1
commit into
facebook:master
from
jeanregisser:fix-android-image-incorrect-style-with-children
Closed
Fixed incorrect style props passed to Android Image when using children #8410
jeanregisser
wants to merge
1
commit into
facebook:master
from
jeanregisser:fix-android-image-incorrect-style-with-children
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
By analyzing the blame information on this pull request, we identified @andreicoman11 and @cornedor to be potential reviewers. |
ghost
added
GH Review: review-needed
CLA Signed
This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed.
labels
Jun 24, 2016
jeanregisser
force-pushed
the
fix-android-image-incorrect-style-with-children
branch
from
June 27, 2016 09:34
3f11bb6
to
e935258
Compare
This looks good to me. Thanks! |
@facebook-github-bot shipit |
facebook-github-bot
added
GH Review: accepted
Import Started
This pull request has been imported. This does not imply the PR has been approved.
and removed
GH Review: review-needed
labels
Jun 27, 2016
Thanks for importing. If you are an FB employee go to Phabricator to review. |
ghost
closed this
in
Jun 27, 2016
7f9ec4e
bubblesunyum
pushed a commit
to iodine/react-native
that referenced
this pull request
Aug 23, 2016
Summary: Hi there, Here is a fix for facebook#7538 (and facebook#5085). I had originally discovered this issue when using `resizeMode` through the style props. Although this might arguably be an incorrect usage (see facebook#4759 (comment)) the same issue would happen with the `tintColor` and `overlayColor` style props. To test this, you can render the following: ```jsx const imageContainerStyle = {width: 100, height: 100, backgroundColor: 'green', marginLeft: 10, marginTop: 10, }; const imageStyle = {flex: 1, width: undefined, height: undefined, resizeMode: 'contain', }; return ( <View style={styles.container}> <View style={imageContainerStyle}> <Image style={imageStyle} source={ {uri:'http://resizing.flixster.com/DeLpPTAwX3O2LszOpeaMHjbzuAw=/53x77/dkpu1ddg7pbsk.cloudfront.net/movie/11/16/47/11164719_ori.jpg'} }> </Image> </View> <View style={imageContainerStyle}> <Image style={imageStyle} source={ { Closes facebook#8410 Differential Revision: D3488010 Pulled By: andreicoman11 fbshipit-source-id: e9d1283cce8426c8878f9c3c66a43a2141232277
mpretty-cyro
pushed a commit
to HomePass/react-native
that referenced
this pull request
Aug 25, 2016
Summary: Hi there, Here is a fix for facebook#7538 (and facebook#5085). I had originally discovered this issue when using `resizeMode` through the style props. Although this might arguably be an incorrect usage (see facebook#4759 (comment)) the same issue would happen with the `tintColor` and `overlayColor` style props. To test this, you can render the following: ```jsx const imageContainerStyle = {width: 100, height: 100, backgroundColor: 'green', marginLeft: 10, marginTop: 10, }; const imageStyle = {flex: 1, width: undefined, height: undefined, resizeMode: 'contain', }; return ( <View style={styles.container}> <View style={imageContainerStyle}> <Image style={imageStyle} source={ {uri:'http://resizing.flixster.com/DeLpPTAwX3O2LszOpeaMHjbzuAw=/53x77/dkpu1ddg7pbsk.cloudfront.net/movie/11/16/47/11164719_ori.jpg'} }> </Image> </View> <View style={imageContainerStyle}> <Image style={imageStyle} source={ { Closes facebook#8410 Differential Revision: D3488010 Pulled By: andreicoman11 fbshipit-source-id: e9d1283cce8426c8878f9c3c66a43a2141232277
This pull request was closed.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Labels
CLA Signed
This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed.
Import Started
This pull request has been imported. This does not imply the PR has been approved.
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.
Hi there,
Here is a fix for #7538 (and #5085).
I had originally discovered this issue when using
resizeMode
through the style props. Although this might arguably be an incorrect usage (see #4759 (comment)) the same issue would happen with thetintColor
andoverlayColor
style props.To test this, you can render the following:
And verify that the second image (with the blue square)
resizeMode
is still correct and displays exactly as in the first image.You can also substitute
resizeMode
withtintColor
oroverlayColor
.I tried to make the fix robust so it wouldn't introduce new issues if new style props were added to the
Image
component.When the
Image
module is loaded, it intersects theView
style props with theImage
style props to extract the style props that are specific to theImage
style. Right now the props are:resizeMode
,tintColor
andoverlayColor
(this one is Android only).Let me know what you think.