Duration for native transitions...does it exist?

[Aryk]

According to ios you can tweak the duration of the transition:

https://stackoverflow.com/a/28767169/7180620

I'm using react native navigation v5 and I can't figure out how to adjust the transition time between screens.

Is this possible to do? Probably something in screenOptions, but I'm not seeing any documentation for it.

Expo: SDK 41 Managed
React-native-navigation v5.0

[WoLewicki]

If you mean the default iOS transition, it cannot be changed from code. Other options can be adjusted in this file e.g. here: https://github.com/software-mansion/react-native-screens/blob/master/ios/RNSScreenStackAnimator.m#L142 and here: https://github.com/software-mansion/react-native-screens/blob/master/ios/RNSScreenStackAnimator.m#L152 for fade transition, by changing the code to something like [UIView animateWithDuration:(your_value)

[Aryk]

@WoLewicki I was able to change the number in the RNStackNavigator, but there is a weird behavior. The new duration only starts taking effect once I use a swipeGesture to go back one screen. Then moving forward it will use that new time whenever I navigate to that Screen.

Do you have any idea what could be causing that?

Until then I believe it is using some default value. I even changed this:

- (instancetype)initWithOperation:(UINavigationControllerOperation)operation
{
  if (self = [super init]) {
    _operation = operation;
    _transitionDuration = 0.1; // default duration
  }
  return self;
}

And it still wouldn't use the 0.1 value until I did a swipe back gesture.

[WoLewicki]

@Aryk can you provide a simple repo with the changes you made applied with e.g. patch-package? It will be easier to debug it then.

[Aryk]

Hey @WoLewicki - I still didn't figure this out, but I had to change gears and I'm not messing with code at the moment. As I onboard engineers to Tribefy, I'll have them take another look at this. 👍

[WoLewicki]

We added transitionDuration on iOS:

react-native-screens/src/types.tsx

Line 252 in 7c6e14b

transitionDuration?: number;

, it should be ready to use. Is it would you need?