Question

App.js使用其子组件呈现可重用的外部组件Fade。当在其渲染功能中使用Fade确认子项时，将执行{this.state.visible ? children : null}中的动画。在调试之后，我认为错误是由三元运算符引起的，因为它在Fade的渲染函数中定义。

我的问题是我不知道如何在渲染中正确包装这个三元运算符。我尝试<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，一旦我读到这个问题就与if var的undefined检查有关。可能是this.state.visible的情况另一种可能性是将您的组件包装在View标签中以下是检查的相关问题：
https://github.com/facebook/react-native/issues/13653
如果您已经解决了，请告诉我们

React-Native'无法在没有测量功能的情况下将没有YogaNode的孩子添加到父级！

1 个答案: