callstack / callstack/react-native-paper

Add responsiveness to text components to v5

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

描述

**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**

贡献指南

打开贡献指南

调研方向

首先定位 React Native Paper 中的文本组件和主题配置,然后检查当前如何指定文本大小和间距。在实现之前定义响应式行为和可定制范围,并验证文本组件在不同屏幕尺寸和分辨率下能够保持一致的缩放。

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

评估

技术栈
react-native, typescript
领域
design, frontend, mobile
Issue 类型
功能
难度
5/5
预计耗时
一周以上
活跃度
停滞
描述清晰度
需要澄清
新手友好度
28/100

把新 issue 发到你的邮箱

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