在 React 本机应用程序中设置文本的最大大小

Posted 2023-03-15

【中文标题】在 React 本机应用程序中设置文本的最大大小

【英文标题】：Set a max size for text in a React native app

【发布时间】：2021-06-28 14:43:27

【问题描述】：

在启动我们的 React Native 应用程序后，我们将对字体缩放进行微调，因为它与用户的原生偏好相关。我注意到 Facebook 等其他应用程序的一件事是它们设置了最小/最大尺寸。我想知道这是如何在反应本机代码库中指定的。还有任何工具可以帮助 UX 设计人员帮助向开发人员说明这一点，以便设计更好地转化为开发。

到目前为止，我只是为了寻求帮助才找到这个。 How to disable font scaling in React Native for ios app?

【参考方案1】：

你可以如下使用它。

根据视图中的可用空间设置合适的宽度。 设置 noOfLines=1 ，因此如果文本会增加，那么 ... 将出现在 value 的末尾

【讨论】：

也必须有一个替代方案。 Facebook 的点击量达到了最大值，并且规模停止增长。