https://docs.expo.dev/router/advanced/stack/

I found a property called unstable_headerRightItems in the stack header options. I managed to use it, and while it’s not officially supported yet, it does get the job done. It actually didn’t work for me until I installed react-native-screens version 4.18.0. However, I’m still not entirely sure how it’s meant to be used if you have any documentation or know a better approach, please share it.

 unstable_headerRightItems: () => [
            {
              type: "button",
              label: "Notifications",
              onPress: () => router.push("/home/notifications"),
              render: () => (
                <HeaderButton
                  imageProps={{
                    systemName: "bell",
                  }}
                  buttonProps={{
                    variant: "plain",
                  }}
                />
              ),  
            },
            {
              type: "button",
              label: "Streak",
              onPress: () => router.push("/home/streak"),
            },
          ],