React native：ビューがレンダリングされたときに各カードの自動クリックを無効にする

Question

APIからの応答を得て、次にnativebase.ioカードリストを使用して画面上にいくつかの機能を解析して表示します。すべての結果が表示されたら、各カードをクリック可能にし、各クリックが特定のカードの内容に応じて次の詳細画面に進むようにします。しかし、何らかの理由でカードリストがレンダリングされると、ユーザーの介入なしにすべてのカードがクリックされています。だから、私は特定のカードに触れるときにだけカードをクリックできるようにするソリューションを探しています。

class Results extends Component{ 

constructor(props){ 
    super(props); 
    this.state = { 
    data: this.props.results 
    } 
} 

renderRow(item){ 
    const bars = [ require('../assets/bar0.png'), 
        require('../assets/bar1.png'), 
        require('../assets/bar2.png'), 
        require('../assets/bar3.png')] 
    var bar = item.weight === -1 ? bars[0] : bars[item.weight]     
    return (
    <CardItem button onPress={console.log("Pressed")} style={{width: 400}}> 
     <Thumbnail source={bar}/> 
     <Text>{item.label}</Text> 
     <Text note style={{textDecorationLine: 'line-through'}}>{item.excluded}</Text> 
    </CardItem> 
)  
} 

render(){ 
    console.log(this.state.data) 
    return (
     <Container> 
     <Header> 
      <Title>symptoma</Title> 
     </Header> 
     <Content> 
      <Card dataArray={this.state.data} 
      renderRow={(item) => 
         this.renderRow(item) 
         }> 
      </Card> 
     </Content> 
     </Container> 
    ); 
    } 
} 

export default Results 

Answer 1

onPress={() => console.log("Pressed")}