callstack / callstack/react-native-paper
Add responsiveness to text components to v5
- 主要言語
- TypeScript
- スター
- 14.5k
- フォーク
- 2.2k
- 平均マージ
- 5日 23時間
- マージ済み PR(30日)
- 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**
コントリビューションガイド
調査の方向性
Start by locating the text components and theme configuration in React Native Paper, then review how text sizing and spacing are currently specified. Define the responsive behavior and customization surface before implementation, and verify that text components scale consistently across different screen sizes and resolutions.
索引モデルが issue の本文から書いたものです。
評価
- 技術スタック
- react-native, typescript
- 領域
- design, frontend, mobile
- issue の種類
- 機能追加
- 難易度
- 5/5
- 見積もり時間
- 1週間以上
- 活発さ
- 停滞
- 明瞭さ
- 説明が足りない
- 初心者へのやさしさ
- 28/100