callstack / callstack/react-native-paper
refactor(dialog): improve composition model and accessibility
- 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ả
Refactor Dialog to improve Material Design 3 compliance, remove problematic children patterns, improve performance characteristics, and modernize the public API.
**Problems**
- Current API relies heavily on children composition in ways that are difficult to optimize
- Internal layout logic is tightly coupled to arbitrary child structures
- MD3 behaviors and visuals are not fully aligned with current Material guidelines
- Rendering performance can degrade in large lists or frequently updated screens
- Type safety and discoverability of the API can be improved
- The component has inconsistent behavior between platforms and edge cases
**Focus Areas**
- Simplify Dialog.Title / Dialog.Content / Dialog.Actions hierarchy
- Improve keyboard and accessibility handling
- Improve MD3 spacing and tonal elevation
- Reduce excessive wrappers
**Proposed API Direction**
``
**Performance Opportunities**
- Reduce nested layout complexity
- Improve portal interaction handling
- Reduce unnecessary rerenders during visibility updates
Hướng dẫn đóng góp
Hướng nghiên cứu
Bắt đầu bằng cách xác định component Dialog và xem xét cách tổ chức hiện tại dựa trên children, hành vi của portal và các cập nhật về khả năng hiển thị. So sánh API công khai hiện có với các props title, content và actions được đề xuất, sau đó đánh giá các thay đổi về bàn phím, khả năng truy cập, khoảng cách MD3, độ nâng tonal và wrapper. Được xem là hoàn tất khi có một API nhất quán và hành vi đồng bộ trên các nền tảng đã nêu cũng như các edge case, cùng với đặc tính rendering được cải thiện.
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
- accessibility, design, frontend, mobile, performance
- Loại issue
- Tái cấu trúc
- Độ khó
- 5/5
- Thời gian dự kiến
- Hơn một tuần
- Mức độ hoạt động
- Ít trao đổi
- Độ rõ ràng
- Cần làm rõ
- Mức phù hợp với người mới
- 30/100