appandflow / appandflow/react-native-safe-area-context

SafeAreaView can't be transparent

Open
#197 5 comments 19 reactions 0 assignees View on GitHub
bug good first issue help wanted
Dominant language
TypeScript
Stars
2.8k
Forks
258
Avg merge
3d 1h
Merged PRs (30d)
2

Description

Hello,

I began to switch from react-navigation SafeAreaView to your lib, and I'm experiencing a weird behavior.
With the older SafeAreaView we could obtain a 'transparent' view to pad the notch but your library seems to force a colored view, even if provide `backgroundColor: 'transparent'` to the SafeAreaView component, the background is still white.
And this view hide the content when we scroll for example.

With the react-navigation SafeAreaView:

Capture d’écran 2021-06-07 à 15 39 32

With your SafeAreaView component:

Capture d’écran 2021-06-07 à 15 28 48

I use this implementation

``` javascript

{this.renderBody()}
{this.renderTabBar()}

```

I searched a lot and I didn't found any reason and I'm asking myself if I'm not doing something wrong because any
one reported this bug. Could you please help me to use your library for my case ?

I tested it on Iphone X & 12

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.