insets.top changed during render on Android with <Statusbar translucent={true} /> about react-native-safe-area-context HOT 4 CLOSED

You are making the statusbar translucent in render, so it's going to happen after the component mounts which will then trigger event with new size. It seems expected. You need to set translucent statusbar in your native theme to avoid this.

from react-native-safe-area-context.

What do you mean by native theme?

from react-native-safe-area-context.

What do you mean by native theme?

from react-native-safe-area-context.

@wong2 @lumberman 'native theme' means setting the values in XML using android theme values (edit: or programattically in java app code, I suppose)

see: https://developer.android.com/reference/android/R.attr#windowTranslucentStatus

In my case, I specified this behavior in android/app/src/main/res/values/styles.xml:

<resources>
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    ...
        <item name="android:windowTranslucentStatus">true</item> <!-- Added this -->

With this style, content extends under the statusbar, and the safe area insets properly include the status bar.

from react-native-safe-area-context.