React Native: удалить кнопку возврата из стека навигации? - PullRequest
Новая
       11

React Native: удалить кнопку возврата из стека навигации?

2 голосов
/ 09 февраля 2020

Итак, у меня есть стек навигации, который постоянно добавляет к нему страницы. Пользователь может go перейти на предыдущую или следующую страницу. Как страница регистрации.

Так, например, вот страница с 3 экранами (предыдущая страница, текущая страница, следующая страница) 

function MyStack() {
  const Stack = createStackNavigator();
  return (
    <Stack.Navigator>
      <Stack.Screen
        name="Current"
        component={ContentFunction}
        options={{headerTransparent: true, headerTitle: ''}}
      />
      <Stack.Screen name="Back" component={BackFunction} />
      <Stack.Screen
        name="Next"
        component={FirstNamePage}
        options={{
          headerTransparent: true,
          headerTitle: '',
          headerBackTitle: 'Gender',
        }}
      />
    </Stack.Navigator>
  );
}

Проблема в том, что кнопки накапливаются друг на друга См. Ниже.

enter image description here

Мне нужно удалить старую кнопку, но я не знаю, как это сделать. Конечно, я мог бы сделать это с настройкой: 

   <Stack.Screen
        name="Next"
        component={FirstNamePage}
        options={{
          headerLeft: null
        }}
      />

Но я не могу сделать это, если я не нахожусь в этой конкретной функции c. Как мне go сделать это?

1 Ответ

1 голос
/ 09 февраля 2020

Попробуйте это 

    <Stack.Navigator
      screenOptions={{
        headerShown: false
      }}
    >

  <Stack.Screen name="route-name" component={ScreenComponent} />
</Stack.Navigator>

Ссылка: - Скрыть заголовок в навигаторе стека Реагировать на навигацию

...