question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

SafeAreaView doesn't respect `padding` property in style

See original GitHub issue

Environment

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

https://snack.expo.io/@danielmartin/c2FmZW

Issue Analytics

  • State:open
  • Created 5 years ago
  • Reactions:9
  • Comments:36

github_iconTop GitHub Comments

21reactions
stale[bot]commented, Dec 25, 2020

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.

21reactions
dani-mpcommented, Aug 5, 2019

😦

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found