Как изменить размер шрифта при вводе текста в React Native, когда пользователь начинает печатать?

Question

, поэтому я использую TextInput как поле для заполнения пользователем формы. Заполнитель для формы довольно длинный, поэтому я дал ей небольшой размер шрифта. Когда пользователь начинает печатать, я хочу, чтобы размер шрифта увеличился. Как мне это сделать?

Я уже пробовал:

_onChangeText(text) {
      this.setState({ fSize: text.length > 0 ? 20 : 10 });
    }

Однако первый введенный символ - размер 10, а все последующие - размер 20. Я попытался изменить значение '0 Но я не мог заставить его работать.

Answer 1

Вот рабочий пример Expo Snack: https://snack.expo.io/@zvona / font-size-scaling-on-textinput

Он вычисляет изменения, когда происходит onContentSizeChange (при каждом нажатии клавиши) и он сравнивает текущую ширину содержимого с текущим fontSize и устанавливает его меньшим, если ширина содержимого> ширина поля ввода.