callstack / callstack/react-native-paper
Add responsiveness to text components to v5
- Langage dominant
- TypeScript
- Étoiles
- 14.5k
- Forks
- 2.2k
- Merge moyen
- 5 j 23 h
- PR mergées (30 j)
- 12
Description
**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**
Guide de contribution
Ouvrir le guide de contribution
Piste de recherche
Commencez par localiser les composants de texte et la configuration du thème dans React Native Paper, puis examinez comment la taille du texte et l’espacement sont actuellement définis. Définissez le comportement responsive et la surface de personnalisation avant l’implémentation, et vérifiez que les composants de texte évoluent de manière cohérente selon les différentes tailles et résolutions d’écran.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Évaluation
- Stack technique
- react-native, typescript
- Domaine
- design, frontend, mobile
- Type d'issue
- Fonctionnalité
- Difficulté
- 5/5
- Temps estimé
- Plus d'une semaine
- Activité
- À l'abandon
- Clarté
- À clarifier
- Accessibilité débutants
- 28/100