当用户开始打字时，如何更改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/字体大小缩放

它计算onContentSizeChange发生时的变化(每次击键(，并将当前内容宽度与当前fontSize进行比较，如果内容宽度>输入字段宽度，则将其设置为更小。