callstack / callstack/react-native-paper

Add responsiveness to text components to v5

Đang mở
#3,431 0 bình luận 2 reaction 0 người được giao Xem trên GitHub
feature request Typography
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ả

**Is your feature request related to a problem? Please describe.**

Hello
It would be really great if there's support to add responsiveness to React Native Paper's text components.
When I test an app in different screen sizes and resolutions, the font size, width, margin, padding and basically anything that's scalable gets bigger or smaller for every screen. The size is not consistent.

**Describe the solution you'd like**

One solution might be to add a Theme Property called `responsive` that could be set to `true` or `false` (and by default be true) that makes the font size and other things responsive (could be customizable by adding either other parameters such as `responsiveWidth` `responsiveHeight` that works the same as `responsive`)

**Describe alternatives you've considered**

I tried to make a custom component that returns a `Text` component with the `fontSize` set to a function called `responsive(x)` that sets the size of the text accordingly

**Additional context**

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Hướng nghiên cứu

Bắt đầu bằng cách xác định các thành phần văn bản và cấu hình theme trong React Native Paper, sau đó xem xét cách kích thước văn bản và khoảng cách hiện được chỉ định. Xác định hành vi responsive và phạm vi tùy chỉnh trước khi triển khai, đồng thời xác minh rằng các thành phần văn bản được co giãn nhất quán trên các kích thước và độ phân giải màn hình khác nhau.

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
design, frontend, mobile
Loại issue
Tính năng
Độ khó
5/5
Thời gian dự kiến
Hơn một tuần
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Cần làm rõ
Mức phù hợp với người mới
28/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.