Wix React Native Navigation V2 - пользовательские переходы навигации - PullRequest
Новая
       5

Wix React Native Navigation V2 - пользовательские переходы навигации

0 голосов
/ 10 февраля 2019

Wix React Native Navigation V2 Пользовательский переход навигации

Модераторы контента, такие как я, могут быть запутаны в этом и помечены как дубликаты , поскольку существуют библиотеки с похожим названием, такие как React Navigation, которые не имеют ничегосделать с этим.

Есть ли общий способ настроить анимацию перехода для push / pop?Документация кажется немногочисленной и неправильной после экспериментов.

По умолчанию анимация push перемещается справа налево.Я хотел бы иметь возможность переопределить это в некоторых случаях слева направо или сверху вниз и т. Д.

Кажется, что выполнение этого для push / pop не работает ни при использовании "animations "и свойства" x "или" y ".

Вот пример того, что я пробовал. 

class MyComponent extends React.PureComponent {
  static options(passProps) {
    return {
      animations: {
        push: {
          content: {
            x: {
              from: -1000, to: 0, duration: 300
            },
            y: {
              from: 0, to: 0, duration: 300
            }
          }
        },
        pop: {
          content: {
            x: {
              from: 0, to: -1000, duration: 300
            },
            y: {
              from: 0, to: 0, duration: 300
            }
          }
        }
      }
    }
  }
}

Но я пробовал также по фактическим командам и глобально, какну без эффекта, также попробовал использовать "_" спереди, так как некоторые случайные примеры показывают это.

Я обычно не понимаю, как настроить из-за очень плохой документации по этому вопросу.

1 Ответ

0 голосов
/ 10 февраля 2019

Возможно, вы забыли enabled: 'true' .Я установил его глобально, как: 

Navigation.setDefaultOptions({
  animations: {
    push: {
      enabled: 'true',
      content: {
        x: {
          from: 2000,
          to: 0,
          duration: 200
        }
      }
    },
    pop: {
      enabled: 'true',
      content: {
        x: {
          from: 0,
          to: 2000,
          duration: 200
        }
      }
    }
});

и отлично работает

...