headerTitleAlign: 'left', does not work in EXPO with TypeScript Tab Project

Viewed 48

is my code something wrong? I just want to left-justified the header title "RumoR"

I have tried, textAlign inside headrStyle, and did not work.

<Stack.Navigator
  screenOptions={{
    headerStyle: {
      backgroundColor: Colors.light.tint
    },
    headerTintColor: Colors.light.background,
    headerTitleAlign: "left",
    headerTitleStyle: {
      fontWeight: "bold"
    }
  }}
>
  <Stack.Screen
    name="Root"
    component={BottomTabNavigator}
    options={{
      headerTitleAlign: "left",
      title: "RumoR"
    }}
  />
  <Stack.Screen
    name="NotFound"
    component={NotFoundScreen}
    options={{ title: "Oops!" }}
  />
</Stack.Navigator>;

Homescreen

0 Answers
Related