根据屏幕大小更改textinput中的字体大小

时间:2020-06-04 02:25:01

标签: reactjs react-native

我想根据React Native中的屏幕宽度在setTimeout(ExportTimeline, 2000);中更改fontSize

我想做这样的事情,预期结果是将数字添加到textinputfontSize会变小

Demo Expected Results

我尝试过的资源:

React Native Responsive Font Size

https://reactnativeexample.com/responsive-fontsize-based-on-screen-size-of-the-device-in-react-native/

还有更多没有用的东西。

1 个答案:

答案 0 :(得分:1)

您需要计算文本和容器宽度以及字母间距,边距等的关系。

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

小吃示例:https://snack.expo.io/PJeeBTGGe