如何在React Native应用程序中检测视图溢出？

Question

我想为运行0.59.9的应用程序实现自定义文本换行策略。应用程序的某些部分使用了时间范围（例如'9/12/2019 8:00 AM-EST 1EST AM），尤其是在较小的设备或具有较大字体缩放比例的用户上，textWrap / numberOfLines选项可以处理我想要的。

我希望它在指定的位置断开，特别是时间戳中的“-”。有没有办法做到这一点？也许存在供开发人员使用的isViewOverflowed侦听器？

Answer 1

一种解决方案是将字符串分成两部分，只有一个Text容器，如果有足够的空间，该容器可以内联。否则它将溢出。

<Text>
  <Text>9/12/2019 8:00 AM</Text>
  <Text>10:00 AM EST</Text>
</Text>