callstack / callstack/react-native-paper

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

Đang mở
#4,755 1 bình luận 4 reaction 0 người được giao Xem trên GitHub
bug
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

Mở 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

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.