[Image] padding not work

[walfud]

Environment:
OS: macOS Sierra 10.12.6
Node: 8.6.0
Yarn: 1.1.0
npm: 5.3.0
Watchman: Not Found
Xcode: Not Found
Android Studio: 2.3 AI-162.4069837

Packages: (wanted => installed)
react: 16.0.0-alpha.12 => 16.0.0-alpha.12
react-native: 0.48.3 => 0.48.3

====================

I just write the simple code below. The problem is Why the padding in style not work?

            <View style={{
                flex: 1,

            }}
            >
                <Image style={{
                    flex: 1,
                    padding: 10,
                }}
                       source={{uri: 'd7'}}
                       resizeMode='stretch' />
            </View>

This is the result. You can see there is no padding around image.

[lwinkyawmyat]

Add padding on parent component of image component like below

...

<View
  style={{ flex: 1, padding: 10 }}>
    <Image 
      style={{ flex: 1 }}
      source={{ uri: 'd7' }}
      resizeMode='stretch' />
</View>

...

[walfud]

@ubatin Yes I know this can do. But I want to know why the padding does not work on ?

[lwinkyawmyat]

Hi @walfud ,
The Image component is only to show image. So, Why do you need to padding on Image component? Actually you should learn to know about Image component on here.

Should read before reporting new issues.

[pull-bot]

@facebook-github-bot no-template

[facebook-github-bot]

Hey, thanks for reporting this issue! It looks like your description is missing some necessary information, or the list of reproduction steps is not complete. Can you please add all the details specified in the Issue Template? This is necessary for people to be able to understand and reproduce the issue being reported. I am going to close this, but feel free to open a new issue with the additional information provided. Thanks! See "What to Expect from Maintainers" to learn more.