установить заголовок для навигации по ящикам

Question

Я попытался установить заголовок в реагирующей навигации v5, установив параметры без каких-либо изменений

<Drawer.Navigator
  initialRouteName='...'
>
  <Drawer.Screen
    name='...'
    component={Component}
    options={{ title: 'My home' }}
  />
</Drawer.Navigator>

Есть ли способ, которым я мог бы иметь свой заголовок реагирующей навигации в ящике?

Answer 1

Навигатор ящиков не предоставляет заголовок.

Если вы хотите отображать заголовки на экранах выдвижных ящиков, у вас есть 2 варианта:

1. Предоставьте свой собственный компонент заголовка. Вы можете использовать заголовок из таких библиотек, как act-native-paper
2. Вкладывать Навигатор стеков в каждом окне ящика, где вы хотите отобразить заголовок.

Answer 2

Это простой пример с реагирующей навигацией 5:

function Root() {
  return (
    <Stack.Navigator>
      <Stack.Screen name="Profile" component={Profile} />
      <Stack.Screen name="Settings" component={Settings} />
    </Stack.Navigator>
  );
}

function App() {
  return (
    <NavigationContainer>
      <Drawer.Navigator>
        <Drawer.Screen name="Home" component={Home} />
        <Drawer.Screen name="Root" component={Root} />
      </Drawer.Navigator>
    </NavigationContainer>
  );
}

Вы можете найти информацию о навигации к экрану во вложенном навигаторе в документах и , которые вы можете попробовать этот пример на Закуске