android - 多行 React-Native Text 组件的宽度不会调整为 Android 上最长文本行的长度

Question

我有一个多行 React-Native Text 组件，其宽度应自动调整为最长文本行的宽度。这适用于 iOS，但不适用于 Android，我不确定为什么。

请参阅this expo snack一个演示。在 iOS 上它看起来像这样:

在 Android 上看起来像这样:

上面的演示只是完整应用程序的精简摘录。我需要保留 flexDirection: 'row' 因为在完整的应用程序中还有其他项目需要显示在此文本框的右侧。

Answer 1

尝试使用带换行符的字符串变量代替 useState:

const TextInANest = () => {
  var bodyText = "This is not really a bird nest. Nope. Indubitably.\n Antagonistic."
   // const bodyText = useState("This is not really a bird nest. Nope. Indubitably. Antagonistic.");

这样，您将在 Android 和 iOS 上获得相同的结果。它更像是一种解决方法而不是解决方案，但希望它仍然有用。