wix / react-native-navigation

A complete native navigation solution for React Native
https://wix.github.io/react-native-navigation/
MIT License
13.04k stars 2.67k forks source link

Disable action-menu clipChildren=false #7860

Closed d4vidi closed 6 months ago

d4vidi commented 6 months ago

Description

fixes #7832

After spending a fair amount of efforts trying to get a deep understanding the layout and view arrangement flow, i couldn't get to the very bottom of why the buttons menu transitively renders in a broken way, namely like this:

image

instead of:

image

Nevertheless, clipChildren=false over the action menu's root (i.e. the ActionMenuView class) - introduced here seems to be causing the flicker, while removing it doesn't seem to be introducing any regressions.

Further steps

While with clipChildren=false the layout is broken transitively, removing it doesn't make all-things-perfect. There is still a very noticeable flicker happening in each stack push/pop, which could probably be avoided. Read below for hints as to why that is.

Update: Reported in #7862


Some details for future reference:

asafkorem commented 6 months ago

Released with 7.38.4