callstack / callstack/react-native-paper

Add responsiveness to text components to v5

Offen
#3,431 0 Kommentare 2 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
feature request Typography
Vorherrschende Sprache
TypeScript
Sterne
14.5k
Forks
2.2k
Ø Merge
5 T. 23 Std.
Gemergte PRs (30 T.)
12

Beschreibung

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

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne damit, die Textkomponenten und die Theme-Konfiguration in React Native Paper zu lokalisieren, und überprüfe anschließend, wie Textgrößen und Abstände derzeit festgelegt sind. Definiere vor der Implementierung das responsive Verhalten und die Anpassungsmöglichkeiten und verifiziere, dass Textkomponenten über verschiedene Bildschirmgrößen und Auflösungen hinweg konsistent skaliert werden.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
react-native, typescript
Bereich
design, frontend, mobile
Issue-Typ
Feature
Schwierigkeit
5/5
Geschätzter Aufwand
Über eine Woche
Aktivitätsstatus
Veraltet
Klarheit
Muss geklärt werden
Anfängerfreundlichkeit
28/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.