React-Native‘无法将没有YogaNode的子项添加到没有度量函数的父项中！’

Question

App.js呈现一个可重用的外部组件Fade及其子组件。当子对象在其渲染函数中使用{this.state.visible ? children : null}确认时，将执行Fade中的动画。经过调试后，我认为错误是由三元运算符引起的，这是由于它在Fade的render函数中定义的方式。

我的问题是，我不知道如何在渲染中正确包装这个三元运算符。我尝试过<Text>和<View>，但没有成功。有人知道怎么解决这个问题吗？

提前谢谢你。

App.js渲染

<Container>
  <Fade visible={display.bus}> {renderIf(display.bus, <BusTemplate />)} </ Fade>
</Container>

Fade.js渲染

<Animated.View style={this.state.visible ? combinedStyle : containerStyle}>
  {this.state.visible ? children : null}
</Animated.View>

Bus.js渲染

<Container>
  <Image source={require("./scenerios/Bus.png")} style={styles.MainContainer}>
  </Image>
</Container>

Answer 1

Ciao Diego，有一次我读到这个问题与undefined变量上的if检查有关。这可能是你和this.state.visible的案子。

下面是与if检查相关的问题：

https://github.com/facebook/react-native/issues/13653

如果您已经解决了这个问题，请让我们知道如何解决