SafeAreaView doesn't respect `padding` property in style
See original GitHub issueEnvironment
React Native Environment Info:
System:
OS: macOS 10.14
CPU: x64 Intel(R) Core(TM) i5-4258U CPU @ 2.40GHz
Memory: 34.00 MB / 8.00 GB
Shell: 3.2.57 - /bin/bash
Binaries:
Node: 9.7.1 - ~/.nvm/versions/node/v9.7.1/bin/node
Yarn: 1.2.1 - /usr/local/bin/yarn
npm: 6.4.1 - ~/.nvm/versions/node/v9.7.1/bin/npm
Watchman: 4.7.0 - /usr/local/bin/watchman
SDKs:
iOS SDK:
Platforms: iOS 12.0, macOS 10.14, tvOS 12.0, watchOS 5.0
Android SDK:
Build Tools: 21.1.2, 22.0.1, 23.0.1, 23.0.3, 25.0.0, 25.0.2, 26.0.1, 26.0.2, 27.0.1, 27.0.3, 28.0.2, 28.0.3
API Levels: 17, 18, 19, 22, 23, 25, 26, 27, 28
IDEs:
Android Studio: 3.2 AI-181.5540.7.32.5056338
Xcode: 10.0/10A254a - /usr/bin/xcodebuild
npmPackages:
react: 16.6.0 => 16.6.0
react-native: ^0.57.3 => 0.57.3
npmGlobalPackages:
react-native-cli: 2.0.1
Description
Applying padding
to SafeAreaView’s style doesn’t work.
Reproducible Demo
Issue Analytics
- State:
- Created 5 years ago
- Reactions:9
- Comments:36
Top Results From Across the Web
How to modify the padding in SafeAreaView? - Stack Overflow
I am trying to position element in the left-upper corner of the screen (there is some margin around) ...
Read more >Supporting safe areas | React Navigation
For example, you can remove bottom padding by passing edges prop to SafeAreaView . <SafeAreaView style={styles.container} ...
Read more >SafeAreaView - React Native
SafeAreaView renders nested content and automatically applies padding to reflect the portion of the view that is not covered by navigation bars, ...
Read more >SafeAreaView Props - NativeBase
To make your components respect the. SafeAreaView. of the device, we have provided some props that you can use with Box component. They...
Read more >"The Notch" and CSS | CSS-Tricks
This can be added to margin , padding , or absolute position values ... versions is that the webview content now respects the...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community’s attention? This issue may be closed if no further activity occurs. You may also label this issue as a “Discussion” or add it to the “Backlog” and I will leave it open. Thank you for your contributions.
😦