callstack / callstack/react-native-paper

On Android with the New Architecture (Fabric) enabled, the Menu component shows incorrect animation and layout behavior

未关闭
#4,755 1 条评论 4 个 reaction 已指派 0 人 在 GitHub 查看
bug
主要语言
TypeScript
星标
14.5k
派生
2.2k
平均合并
5 天 23 小时
30 天内合并 PR
12

描述

Current behaviour

On Android with the New Architecture (Fabric) enabled, the Menu component shows incorrect animation and layout behavior:
• On first open, the menu appears briefly in the top-left corner of the screen before jumping to the correct trigger position.
• The menu size changes twice visually (from small to full size) during this repositioning.
• On subsequent opens, the menu animates in from the right side of the screen, which is not expected behavior.
• This behavior does not occur on iOS or on Android with the New Architecture disabled.

Expected behaviour

The Menu should:
• Render directly at the correct position (below the trigger)
• Animate naturally (fade or scale in), not from off-screen
• Maintain stable size without double layout jumps

https://github.com/user-attachments/assets/0b149f3d-b19d-4430-bef5-cb417dc9f69c

贡献指南

打开贡献指南

调研方向

该 issue 指出了使用 Fabric 的 Menu 组件和 Android,但没有指定源文件或测试。请在启用 New Architecture 的 Android 上复现首次打开及后续打开,然后跟踪 Menu 的定位、尺寸和动画行为。完成的标准是菜单在触发器下方打开,尺寸稳定、动画自然,并且不出现所报告的行为。

由索引模型根据 Issue 内容生成。

评估

技术栈
react-native, typescript
领域
frontend, mobile
Issue 类型
缺陷
难度
4/5
预计耗时
3-5 天
活跃度
停滞
描述清晰度
基本清楚
新手友好度
38/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。