callstack / callstack/react-native-paper
On Android with the New Architecture (Fabric) enabled, the Menu component shows incorrect animation and layout behavior
- Ngôn ngữ chính
- TypeScript
- Star
- 14.5k
- Fork
- 2.2k
- Merge trung bình
- 5 ngày 23 giờ
- Pull request đã merge (30 ngày)
- 12
Mô tả
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
Hướng dẫn đóng góp
Hướng nghiên cứu
Issue xác định component Menu và Android với Fabric, nhưng không nêu tên file mã nguồn hay test nào. Hãy tái hiện lần mở đầu tiên và các lần mở tiếp theo trên Android với New Architecture được bật, sau đó theo dõi hành vi định vị, kích thước và animation của Menu. Được coi là hoàn tất khi menu mở bên dưới trigger của nó với kích thước ổn định và animation tự nhiên, không xảy ra hành vi đã được báo cáo.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Đánh giá
- Công nghệ
- react-native, typescript
- Lĩnh vực
- frontend, mobile
- Loại issue
- Lỗi
- Độ khó
- 4/5
- Thời gian dự kiến
- 3-5 ngày
- Mức độ hoạt động
- Đình trệ
- Độ rõ ràng
- Khá rõ ràng
- Mức phù hợp với người mới
- 38/100