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.

Flash Message under the notch on iPhone X and higher versions

See original GitHub issue

My setup includes:

react-native: 0.63.2
react: 16.13.1
Flash Message: 0.1.23

Flash Message instance added at the root

showMessage code:

Result:

@lucasferreira Please help here.

Issue Analytics

State:
Created 2 years ago
Comments:9 (6 by maintainers)

Top GitHub Comments

4reactions

giacomocerquonecommented, Aug 22, 2021

@radko93 there is other problem: Expo users, I don’t know if they could easily install 3rd-party native packages.

react-native-safe-area-context is the current industry standard solution to manage this issue. As per the other issue you have, I’d suggest making a major version release to introduce this lib

UPDATE: actually now that I think about it, I’d isolate the two issues and completely remove all the props in flash-message related to the safearea concept and just write an installation/quickstart/integration guide both on the website and in the readme that showcase the usage of react-native-safe-context to manually apply the padding and spacing values to the flash-message

I think this is the correct way to go in order to simplify the code, avoid breaking changes and avoid doing magic in the background. For example if this lib includes safearea, the developer will need to instantiate the safeareaprovider by itself which is not ideal

3reactions

radko93commented, Aug 16, 2021

@lucasferreira this library is supported by expo https://docs.expo.dev/versions/latest/sdk/safe-area-context/