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 work with this library

See original GitHub issue

Hi,

I’m using SafeAreaView from react-navigation and when I’m trying to add custom transition using this library the SafeAreaView is not taking into account on iOS devices.

Please help.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:10 (6 by maintainers)

github_iconTop GitHub Comments

2reactions
plmok61commented, Jan 25, 2019

@alisherakb I might have figured it out.

Instead of: forceInset={'always'}

Try: forceInset={{ top: 'always', bottom: 'always' }}

0reactions
plmok61commented, Jan 25, 2019

Re-opening so I remember to add an example to the README for how to deal with this since react-navigation doesn’t seem to explain it well.

Read more comments on GitHub >

github_iconTop Results From Across the Web

<SafeAreaView> not work (Views go above the notification tab)
According to react-native docs: The purpose of SafeAreaView is to render content within the safe area boundaries of a device.
Read more >
react-native-safe-area-context - npm
Values are always relative to a provider and not to these components. SafeAreaView is the preferred way to consume insets. This is a...
Read more >
Supporting safe areas | React Navigation
While React Native exports a SafeAreaView component, it has some inherent issues, i.e. if a screen containing safe area is animating, it causes...
Read more >
React Native SafeAreaView - GeeksforGeeks
SafeAreaView renders nested content and automatically applies padding to reflect the view that is not covered by navigation bars, tab bars, and ...
Read more >
Configure Navigation - UI Kitten - GitHub Pages
UI Kitten has built-in components to fit React Navigation API. This guide will help you to configure the app to navigate between screens...
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