在 CardItem 中反应本机标签和值

Question

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

我正在使用带有 CardItem 的卡片。我能够创建图标、标签和向前箭头。如何在位置中的 "New York" 文本上方的图像中设置 "value"？我正在寻找相同风格的东西。

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

中有一个 Row 组件

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>

在 CardItem 中反应本机标签和值

React Native label and value inside CardItem

react-native

native-base