Main title in Tab bar

[sle1306]

Hi there.

Is there a way to display some kind of main title for a tabs bar ?
Some text that would be above all the tab icons.
Something like:

-------------------------------------
             Main Title
Icon    Icon    Icon    Icon    Icon
-------------------------------------

Thanks.

[wcastand]

I think you would need a custom Header to do this.

Might need to use custom package for the topbar : #294

Other possible solution if your Tab is inside an other layout, you can use the header of the parent layout to show the main title and use the header of the tab to show the tabs.

(I don't know if that would work and look good especially if going on android)

// app/_layout.js

export default function Root(){
 return (<Stack screenOptions={{ title: "Main title" }}>
<Slot/>
</Stack>)
}

/// app/tabs/_layout.js

export default function TabRoot(){
 return (<Tabs>
<Tabs.Screen name="hom1" options={{title: 'icon' }} />
<Tabs.Screen name="hom2" options={{title: 'icon' }} />
<Tabs.Screen name="hom3" options={{title: 'icon' }} />
<Tabs.Screen name="hom4" options={{title: 'icon' }} />
<Tabs.Screen name="hom5" options={{title: 'icon' }} />
</Tabs>)
}