wrong size on iOS when using scale

in the RNSharedElementTransition.m line 638, we use the

CGRect ancestorLayout = [self.superview convertRect:endAncestor.style.layout fromView:nil];

code to get the end layout.

But in my case, one page’s width is 375, and I scaled it to fit other screens whose width is not 375 (eg iphone 11 Pro Max 414); And then the ancestorLayout’s width will be 375, but not 414. This is not what I want.

I’m not good at iOS. So what should I do to fix this?

[wiseqingyang]

@IjzerenHein Hey, it’s me again. I solved my problem by doing the next change: https://github.com/IjzerenHein/react-native-shared-element/blob/edd7c5b32eac8197e736ae91b360d98de1edabaa/ios/RNSharedElementTransition.m#L269

to code

(layout.origin.x - ancestorLayout.origin.x) * scaleX, 

I know it’s not the right way to solve the problem, and maybe it will cause other errors. But it really runs in my case.

Although, I found my issue only occurs when I’m setting the navigation’s cardStyleInterpolator with SlideFromRightIOS or any other SlideFromXXX. And my change only and only if runs with SlideFromRight. It still has problem with SlideFromBottom.

So there are two ways to solve my problem, my change above and using something like TransitionPresets.ScaleFromCenterAndroid but not SlideFromXXX.

That’s all of what I do to solve this. I hope it will help if anyone has the same issue.

Sorry for bother you again.

[wiseqingyang]

It is a bad news for me. But anyway，thanks for your answer and this library.