如何使用react-navigation導航CardItem？

嗨我有簡單的發佈列表，並希望瀏覽每個帖子到他們的頁面。我正在使用react-navigation，但它看起來不適用於CardItem。我該如何解決它？這裏是代碼。所有配置都在MainNavigator中完美完成。如何使用react-navigation導航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'你可以做到這一點的' Card'？ –

這將是很好，如果分享你的錯誤也讓我們得到確切的問題。 –

它不顯示任何錯誤消息只是不導航 – 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」）} –

它仍然不是（（））=> {this.props.navigation.navigate（「Post」）}）這段代碼在這一行中的語法錯誤是 – Syuzanna

如何使用react-navigation導航CardItem？

回答

相關問題