Skip to content

Back Icon not rendered in production (iOS) #12773

@Aichnerc

Description

@Aichnerc

Current behavior

Hey! My back buttons have been missing on iOS for a few months now. This only occurs in production — in Expo Go they still show up correctly. The issue also appears in local development builds.

My implementation

Navigator itself to set some global things

<Navigator
      screenOptions={{
        headerBackTitleVisible: false,
        headerStyle: { backgroundColor: colors.surface },
        headerTintColor: colors.onSurface,
        headerTitleStyle: { color: colors.onSurface },
        headerShadowVisible: false,
      }}
    >

The screens where we want to show a header

<Screen
          name="HabitDetails"
          component={HabitDetailsScreen}
          options={({ route }) => ({
            title: route.params.title || "Habit details",
            headerShown: true,
          })}
        />

Expected behavior

Visible back buttons.

Reproduction

Private

Platform

  • Android
  • iOS
  • Web
  • Windows
  • MacOS

Packages

  • @react-navigation/bottom-tabs
  • @react-navigation/drawer
  • @react-navigation/material-top-tabs
  • @react-navigation/stack
  • @react-navigation/native-stack
  • react-native-drawer-layout
  • react-native-tab-view

Environment

  • I've removed the packages that I don't use
package version
@react-navigation/native ^6.0.6
@react-navigation/bottom-tabs ^6.0.9
@react-navigation/stack ^6.0.11
react-native-tab-view ^4.1.0
react-native-safe-area-context ~5.6.0
react-native-gesture-handler ~2.28.0
react-native-reanimated ~4.1.1
react-native-pager-view 6.9.1
react-native 0.81.4
expo ^54.0.10
node v24.7.0
yarn 1.22.22

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions