@react-navigation/native-stack containedTransparentModal background animation

[lukasrzavsky]

Current behavior

Currently, the animation for the background of containedTransparentModal is the same as for the content. So if you change the background color, you can see that the background slides from the bottom together with the content of the modal.

Expected behavior

I would expect that the animation used for the background should be fade in/out instead of slide_from_bottom. In the same way, is in @react-navigation/stack. And I didn't find any property or way how to change the background animation in the documentation.

Reproduction

https://snack.expo.dev/@lukasrzavsky/react-native-nativestack-navigation

Platform

• Android
• iOS
• Web
• Windows
• MacOS

Packages

• @react-navigation/​bottom-tabs
• @react-navigation/​drawer
• @react-navigation/​material-bottom-tabs
• @react-navigation/​material-top-tabs
• @react-navigation/​stack
• @react-navigation/​native-stack

Environment

• [] I've removed the packages that I don't use

package	version
@react-navigation/native	"^6.0.13",
@react-navigation/native-stack	"^6.9.1",
react-native-safe-area-context	"^4.3.4",
react-native-screens	"^3.14.0",
react-native	"0.69.5"
node	v18.7.0
yarn	v1.22.19

[alexmdefrancisco]

@lukasrzavsky Hi! Have you found any solution? I also have the same issue.

[lukasrzavsky]

@lukasrzavsky Hi! Have you found any solution? I also have the same issue.

@MartinezAlex07 Unfortunately, I haven't found the solution