onPressイベントをカードに追加するにはどうすればいいですか？

私は別の画面にリダイレクトするためにこれらのカードがクリック可能にするためにしようとしているが、私はあなたがTouchableOpacityによってカード全体を包むことにより、<Card />クリッカブルを作ることができonPressイベントをカードに追加するにはどうすればいいですか？

let cards = this.state.items.map(item => (
      <Card key={item.id} onPress={() => Actions.dogScreen()}> 
       <CardItem bordered> 
        <Left> 
         <Thumbnail square source={item.image ? { uri: "data:image/jpeg;base64," + item.image } : logo} /> 
         <Body> 
          <Text>Name: {item.name}, Age: {item.age}</Text> 
          <Text note>Gender: {item.gender.name} Race: {item.race.name}</Text> 
         </Body> 
        </Left> 
       </CardItem> 
      </Card>))

出典

2017-11-18 Guilherme Luersen

「カード」はどのライブラリからインポートしていますか？ –

from 'native-base' –

@Guilhermeにお答えします –

をそれを把握するカント。また、各カードにpointerEvents="none"を追加することを忘れないでください。

import { TouchableOpacity } from 'react-native'; 

let cards = this.state.items.map(item => (
    <TouchableOpacity key={item.id} onPress={() => Actions.dogScreen()}>   

      <Card pointerEvents="none"> 
       <CardItem bordered> 
        <Left> 
         <Thumbnail square source={item.image ? { uri: "data:image/jpeg;base64," + item.image } : logo} /> 
         <Body> 
          <Text>Name: {item.name}, Age: {item.age}</Text> 
          <Text note>Gender: {item.gender.name} Race: {item.race.name}</Text> 
         </Body> 
        </Left> 
       </CardItem> 
      </Card> 

     </TouchableOpacity> 
))

出典

2017-11-18 03:15:53

onPressイベントをカードに追加するにはどうすればいいですか？

答えて

関連する問題