Reactjs 如何使用react navigation在CardItem中导航？_Reactjs_React Native_React Native Android_React Native Ios_React Navigation

Reactjs 如何使用react navigation在CardItem中导航？

reactjs react-native

Reactjs 如何使用react navigation在CardItem中导航？,reactjs,react-native,react-native-android,react-native-ios,react-navigation,Reactjs,React Native,React Native Android,React Native Ios,React Navigation,嗨，我有一个简单的帖子列表，我想浏览每一篇帖子，进入他们的页面。我正在使用react导航，但它在CardItem内似乎不起作用。我怎样才能解决它？以下是代码。所有配置都在MainNavigator中完美完成 <Card> <CardItem> <Left> <Thumbnail source={{uri: 'Image URL'}} />

嗨，我有一个简单的帖子列表，我想浏览每一篇帖子，进入他们的页面。我正在使用react导航，但它在CardItem内似乎不起作用。我怎样才能解决它？以下是代码。所有配置都在MainNavigator中完美完成

 <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>


本土基地
极客
this.props.navigation.navigate（'post'）}
>
12喜欢
4评论
11小时前

它不会在您单击时显示任何错误，但不会导航。

如果您希望在单击卡片时导航到特定页面，则可以执行此操作

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


{console.log（'navigate）}>
**在这两者之间，你可以渲染你的卡**

也许这能帮你解决这个问题

如果您想通过点击卡片导航到特定页面，则可以执行此操作

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


{console.log（'navigate）}>
**在这两者之间，你可以渲染你的卡**

也许这能帮你解决这个问题

您是否在“谁呈现

卡”中提供导航
？如果您也分享您的错误以便我们得到确切的问题，这将是一件好事。它不会显示任何错误消息，只是不导航您是否在“谁呈现卡”中提供导航
？这将是一件好事，如果还共享您的错误，那么我们将得到确切的问题。它不显示任何错误消息只是不导航它抛出错误未定义不是对象this.props.navigation.navigate。这是我用过的台词。这个.props.navigation.navigate（“Post”）}>onPress=（（）=>{this.props.navigation.navigate（“Post”）}它仍然不起作用。这一次，这一行中的语法错误。）在最后一个注释中丢失，所以我已经更正了onPress=（（）=>{this.props.navigation.navigation（“Post”）}）下面的那个注释，在同一行中仍然是相同的错误。这种方法似乎有问题。它抛出错误undefined不是this.props.navigation.navigate的对象。这是我用过的台词。这个.props.navigation.navigate（“Post”）}>onPress=（（）=>{this.props.navigation.navigate（“Post”）}它仍然不起作用。这一次，这一行中的语法错误。）在最后一个注释中丢失，所以我已经更正了onPress=（（）=>{this.props.navigation.navigation（“Post”）}）下面的那个注释，在同一行中仍然是相同的错误。这种方法似乎有问题。