[Android] Header does not have left and right padding on Android

Hi.

I’m using @react-navigation/native-stack in my app, and I have an issue with Header on Android. When the header doesn’t show back button, the title is stuck to the left side of the screen without any padding.

The header right can be solved with CSS, but I couldn’t find a way to do the same with title on Android.

Thank you

[taismassaro]

hi @kmagiera I’ve read the release commit list for version 2.2.0 and it says this fix should already be there, but that’s the version I’m using and I’m still having this inconsistency between Android and iOS.

I’m using react-native-screens/native-stack for the Stack and @react-navigation/native hooks to show the header on screens I want skip or back buttons:

if (backButton || skipAction) {
      navigation.setOptions({
        title: '',
        headerShown: true,
        headerHideBackButton: !backButton,
        headerHideShadow: true,
        headerBackTitleVisible: false,
        headerRight: showSkipButton,
        contentStyle: [t.bgWhite],
        headerStyle: { backgroundColor: t.textWhite.color },
        headerTintColor: t.textBlack.color,
      });
    }

<kbd> </kbd>

---

<kbd> </kbd>

  maybe my approach isn’t correct? can you give me some insight on this? 😬

thanks!

[kddc]

@sallar Yes, pretty sure it’s related to this PR - https://github.com/software-mansion/react-native-screens/pull/289/files