React-native-screens: How to disable shadow transition?

[lakakoy]

This is how transitions work in react-native-screens:

Could you give me an idea how to do this:

There are several ways how to disable transition shadow in react-navigation.
None of these methods work in react-native-screens.

Thanks.

[SrBrahma]

There is also a strange shadow below the header in Android that gets stronger when it finishes transitioning.

[WoLewicki]

Can you provide a repo/snack with minimal configuration needed to reproduce the issue?

[WoLewicki]

@SrBrahma if you mean the shadow under the header on Android, it can be hidden with this prop: https://github.com/software-mansion/react-native-screens/tree/master/native-stack#headerhideshadow.
@vjjd the shadow in the iOS transition is provided by the UIKit and unfortunately it looks like it is not customizable. Can I help you any more with it?

[lakakoy]

@WoLewicki sorry for my late response. Now I'm trying to find where the transition shadow parameters are set. Most likely, I'll be able to change the values with the patch-package. It would be fantastic if you could share information where these parameters might be located.

UPD: Based on this stackoverflow problem I need to find out how to chage a background color to white or transparent in RNSScreenStack.m

[WoLewicki]

I tried the solution presented in the SO thread, but it did not change the transition shadow. It changes the view that is not visible (attached screenshot), maybe it would work for the native iOS project or maybe I am doing something wrong. You can try it by applying the changes anywhere where the navigationController is used.

[lakakoy]

@WoLewicki сould you post a stoke of code you're using? Thank you.

[WoLewicki]

I just added navigationController.view.backgroundColor = [UIColor blueColor]; below this line: https://github.com/software-mansion/react-native-screens/blob/master/ios/RNSScreenStack.m#L120

[Appkidd]

Hey guys, did you manage to find a workaround at all? The shadow is particularly noticeable in our app based on our stack configuration so would be great to find a fix.

@WoLewicki would it be possible to add a custom transition we can use as demonstrated here so that we can remove the shadow? Would love to help where I can but my knowledge of Obj C is shocking.

[WoLewicki]

Can you check if #761 is what you need? @Appkidd @lakakoy

[lakakoy]

Can you check if #761 is what you need? @Appkidd @lakakoy

Awesome! It's working. Thanks so much!

[lakakoy]

@WoLewicki
I still face this behavior when using a swipe back gesture.

[WoLewicki]

@lakakoy it happens because the swipe gesture does not use the specified transition, but rather the default one provided by the platform. The only solution I can think of is to disable going back with swipe by setting gestureEnabled: false on the navigator.

[WoLewicki]

@lakakoy #761 should be ready and should solve the problem with shadow in swipe transition. Can you check if it does not introduce any new problems?

[lakakoy]

@WoLewicki thank you! I'm still waiting for the merge and as a temporary solution I'm using the patch based on your code #761.