Question

您好我有简单的帖子列表，并希望浏览每个帖子到他们的页面。我正在使用react-navigation，但它似乎无法在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>

单击它时不会显示任何错误。

Answer 1

如果您想在点击卡片时导航到特定页面

，则可以执行此操作

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

可能这可以帮到你

如何使用react-navigation导航CardItem？

1 个答案: