Bug: Black flicker when using custom preview

[kevinschaich]

I want to specify a custom preview component because the iOS UIMenu shifts the child views as necessary so the context menu will always be on the same side. However when I use the preview prop, I get a black flicker for a split second when it's transitioning from the trigger child component to the preview component.

Demo specifying preview prop (shifts = good; flicker = bad):

<ContextMenu
    actions={[{ title: 'Title 1' }, { title: 'Title 2' }]}
    preview={<ChatBubbleTextWrapper item={item} me={me} />}
    borderRadius={16}
>
    <ChatBubbleTextWrapper item={item} me={me} />
</ContextMenu>

https://github.com/user-attachments/assets/57f7d978-0fd9-4e9c-9719-cf84d4fd859e

Demo without specifying preview prop (does not shift = bad, no flicker/smooth = good):

<ContextMenu
    actions={[{ title: 'Title 1' }, { title: 'Title 2' }]}
    borderRadius={16}
>
    <ChatBubbleTextWrapper item={item} me={me} />
</ContextMenu>

https://github.com/user-attachments/assets/9db611f2-1ad3-48b3-98dc-65918fceb7d8

[kevinschaich]

@mpiannucci any thoughts here? lmk if I'm doing something incorrectly in my example code.

[mpiannucci]

I have no idea at first glance unfortunately