seniv / react-native-notifier

Fast and simple in-app notifications for React Native
MIT License
1.05k stars 60 forks source link

BackgroundColor only starts under StatusBar on Android with translucentStatusBar = true #74

Closed Svarto closed 1 year ago

Svarto commented 1 year ago

When using the translucentStatusBar on Android, the background color / component, starts underneath the StatusBar creating this weird looking notification (see below). Is there any way to make it similar to iOS, where the backgroundColor / component starts from the top but the content of the notification is still underneath the StatusBar?

signal-2022-10-28-181252_002

Svarto commented 1 year ago

Same happens with the standard notifier notifications:

screenshot

Svarto commented 1 year ago

This is because the translucentStatusBar is applied to the View that wraps the Component rendered (which defines the background color). It can be worked around by adding the desired backgroundColor to the containerStyle prop, this will apply it to the parent container.