このエラーを解決するために、「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

任意の要素にイベントを指定する必要があります。

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

Answer 2

あなたはボタンのうちたonPressパラメータを持っているので、その中にそれを置く：

は、ボタンの上に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> 
    ); 
    } 

Textコンポーネントを使用する場合は、ButtonよりTouchableOpacityを使用する方がよいと思います。タイトルにスタイルを追加することができます。