React Native：嵌套在文本节点下的意外视图类型

Question

我在Android上遇到此错误。为了以防万一，我使用react-native-maps。你知道它是什么来的吗？

Answer 1

我遇到此错误的问题是，我以某种方式设法在<View>内设置了<Text>。这不是很明显，因为我有一个Button组件正在接受包含在<Text>中的一些孩子，而我在实例化Button时使用了一些自定义组件Icon。过了一段时间，某人将Icon包裹在<View>中，给它一些填充，最终导致问题。

花了一些时间来搞清楚，但最后我解决了它。 它可能因情况而异，但我希望我的问题在您的调试会话中激发您的灵感。

干杯！

Answer 2

<Text>节点中不应包含任何其他子节点。 <View>可能嵌套在其中或仅嵌套在其他任何组件中。因此，您可以检查<Text>节点中是否有任何孩子并更改代码。此外，仅在Android上会发生此问题。

Answer 3

不带 <Text> 标记的文本

问题

<View> some text </View>

解决方案

<View>
   <Text> some text </Text>
</View>

这对我有用

Answer 4

当我基于非布尔值的真实性有条件地渲染元素时，也会遇到此错误：

<View>
  {stringVariable && <Text>{stringVariable}</Text>}
</View>

这段代码给我错误。但是，如果我像这样双重否定字符串变量：

<View>
  {!!stringVariable && <Text>{stringVariable}</Text>}
</View>

有效。

我有点愚蠢的错误，但是花了我一段时间才弄清楚。