Реагируйте на собственную метку и значение внутри CardItem - PullRequest
Новая
       23

Реагируйте на собственную метку и значение внутри CardItem

0 голосов
/ 05 июля 2019

Я пытаюсь создать что-то похожее на изображение ниже.

enter image description here

Я использую карту с 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>

1 Ответ

1 голос
/ 05 июля 2019

есть компонент Row в 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>
...