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

Question

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

Answer 1

当我根据非布尔值的真实性有条件地渲染元素时，我也遇到了这个错误：

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

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

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

有用。

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

Answer 2

对我来说这个错误的问题是,不知怎的,我设法最终得到了一个<View>内部<Text>.这不是很明显,因为我有一个Button组件接受了包含在a中的一些孩子,<Text>而我在使用一些自定义组件来Icon实例化Button时.过了一会儿,有人裹Icon在<View>给它一些填充和最终导致此问题.

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

干杯!