如何解决这个错误“RawText必须被包裹在明确的文本组件”的反应，本机组件

Question

When I add click event for the button it shows this error in ios simulator

renderLastSlide(index) { 
    if (index === this.props.data.length - 1) { 
    return (
     <Container> 
     <Content> 
      <Button rounded light> 
      <Text>Light</Text> 
      onPress={this.props.onComplete} 
      </Button> 
     </Content> 
     </Container> 
    ); 
    } 
} 

什么是与此代码导致该错误的问题？

Answer 1

我们需要在任何元素上指定事件。

上的按钮进行指定onPress：

<Button rounded light onPress={this.props.onComplete}> 
    <Text>Light</Text>  
</Button> 

Answer 2

你有onPress参数超出按钮的，所以把它放在它里面。

renderLastSlide(index) { 
if (index === this.props.data.length - 1) { 
    return (
    <Container> 
     <Content> 
      <Button rounded light onPress={this.props.onComplete}> 
       <Text>Light</Text> 
      </Button> 
     </Content> 
    </Container> 
); 
} 

Answer 3

海你需要把按钮放在按钮里面。

renderLastSlide(index) { 
    if (index === this.props.data.length - 1) { 
    return (
     <Container> 
     <Content> 
      <Button 
      title= 'hai' 
      onPress={this.props.onComplete} // Add here 
      rounded 
      light 
      /> 
     </Content> 
     </Container> 
    ); 
    } 

如果你想使用文本组件，我认为更喜欢使用TouchableOpacity而不是Button。所以我们可以在标题上添加样式。