在CardItem中反应本机标签和值

Question

我正在尝试创建类似下图的内容。

我正在将Card和CardItem一起使用。我能够创建图标，标签和前进箭头。如何在位置中“纽约”文本上方的图像中设置“值”？我正在寻找具有相同风格的东西。

...
import {
  Container, Header, Content, Card,
  CardItem, Text, Right, Icon,
  Left, Body, Title, Button }
from 'native-base';
import Entypo from 'react-native-vector-icons/Entypo';
...
<CardItem>
    <Left>
        <Entypo name="location" />
        <Text>Location</Text>
    </Left>
    <Right>
        <Icon name="arrow-forward" />
    </Right>
 </CardItem>

Answer 1

native-base中有一个行组件

import {
  Container, Header, Content, Card,
  CardItem, Text, Right, Icon,
  Left, Body, Title, Button, Row }


          <CardItem>
              <Left>
                  <Entypo name="location" />
                  <Text>Location</Text>
              </Left>
              <Right>
                  <Row>
                      <Text>USD    </Text>
                      <Icon name="arrow-forward" />
                  </Row>
              </Right>
          </CardItem>