反応ナビゲーションでCardItemをナビゲートするにはどうすればいいですか？

こんにちは私は簡単な投稿のリストを持っていて、それぞれの投稿をページに移動したいと思っています。私は反応ナビゲーションを使用していますが、CardItem内で動作していないようです。どうすれば解決できますか？ここにコードがあります。また、すべての設定はMainNavigator内で完璧に行われます。反応ナビゲーションでCardItemをナビゲートするにはどうすればいいですか？

<Card> 


     <CardItem> 
       <Left> 
       <Thumbnail source={{uri: 'Image URL'}} /> 
       <Body> 
        <Text>NativeBase</Text> 
        <Text note>GeekyAnts</Text> 
       </Body> 
       </Left> 
      </CardItem> 
      <CardItem cardBody 
      onPress={() => this.props.navigation.navigate('post')} 
> 
       <Image source={{uri: 'Image URL'}} style={{height: 200, width: null, flex: 1}}/> 
      </CardItem> 
      <CardItem> 
       <Left> 
       <Button transparent> 
        <Icon active name="thumbs-up" /> 
        <Text>12 Likes</Text> 
       </Button> 
       </Left> 
       <Body> 
       <Button transparent> 
        <Icon active name="chatbubbles" /> 
        <Text>4 Comments</Text> 
       </Button> 
       </Body> 
       <Right> 
       <Text>11h ago</Text> 
       </Right> 
      </CardItem> 
      </Card>

クリックしても表示されないエラーは表示されません。

出典

2017-07-31 Syuzanna

であなたを助けることができるかもしれませこれを行うことができますが、 ''をレンダリング人でnavigation'を提供していますカード？ –

エラーを共有して正確な問題が発生した場合は、それも良いでしょう。 –

それはナビゲートしていないだけのエラーメッセージを表示しません – Syuzanna

あなたはカード

<Container> 
<Content> 
    <TouchableHighlight onPress=(()=>{console.log('navigate)})> 
     **In Between you can render you card** 
     <Card/> 
    </TouchableHighlight> 
</Content> 
</Container>

のクリックで特定のページに移動したい場合は、これは

出典

2017-07-31 13:43:02

それはエラーをスローしますundefinedはオブジェクトではありませんthis.props.navigation.navigate。ここで私が使った線があります。 this.props.navigation.navigate（ "Post"）}> – Syuzanna

onPress =（（）=> {this.props.navigation.navigate（ "Post"）} –

まだありませんこの行の構文エラーは – Syuzanna

反応ナビゲーションでCardItemをナビゲートするにはどうすればいいですか？

答えて

関連する問題