Change font size in textinput react native based on screen size

Question

i want to change fontSize in textinput based on screen width in react native.

i want to make something like this, expected result is the fontSize go smaller when adding numbers to the textInput

Resources i tried:

and much more didn't work.

score 1 · Answer 1 · answered Jun 04 '20 at 04:25

1

You need to calculate relationship of text and container width together with letter spacing, margin etc.

fontsize = containerWidth / Math.max(text.length, 1) - adjustment

answered Jun 04 '20 at 04:25

Horst

1 Answers1