Почему не работает переопределение кнопки возврата в навигаторе стека - PullRequest
Новая
       55

Почему не работает переопределение кнопки возврата в навигаторе стека

0 голосов
/ 14 июля 2020

Согласно официальному do c, вот как переопределить кнопку «Назад» в реакции-навигации 5 

    import { HeaderBackButton } from '@react-navigation/stack';
    <Screen
    name="Home"
    component={HomeScreen}
    options={{
      headerLeft: (props) => (
      <HeaderBackButton
         {...props}
         onPress={() => {
           // Do something
         }}
       />
     ),
   }}
  />;

Однако, когда я пытаюсь реализовать это, это не работает. 

 <Stack.Screen name="Document" component={Document} options={
          { headerLeft: (props) => (<HeaderBackButton {...props} onPress={() => console.log('works')}/>)},
          { ...TransitionPresets.SlideFromRightIOS }
        }/>

Другое дело, если я поставлю его ниже TransitionPreset, переход не будет работать. Что я здесь делаю?

1 Ответ

0 голосов
/ 19 июля 2020

Попробуйте следующее: 

<Stack.Screen
  name="Document"
  component={Document}
  options={{
    headerLeft: (props) => (
      <HeaderBackButton
        {...props}
        onPress={() => {
          // Do something
        }}
      />
    ),
    ...TransitionPresets.ModalSlideFromBottomIOS,
  }}
/>

Ваш первый пример был правильным, но у вас были некоторые синтаксические ошибки во втором фрагменте кода (тип скобок, которые вы использовали, и место их размещения).

...