Карта в пользовательском интерфейсе Shoutem не работает

Я пытаюсь использовать пример Card из документации shoutem-ui, но он не показывает полное содержимое, вот мой файл .js.

import React, { Component } from 'react';
import {
  View,
  Subtitle,
  Card,
  Image,
  Caption
} from '@shoutem/ui'

export default class MyApp extends Component {
  render() {
    return (
      <Card>
        <Image
          styleName="medium-wide"
            source={{uri: 'https://shoutem.github.io/img/ui-toolkit/examples/image-10.png'}}
        />
        <View styleName="content">
          <Subtitle>Choosing The Right Boutique Hotel For You</Subtitle>
          <Caption>21 hours ago</Caption>
        </View>
      </Card>
    );
  }
}

И скриншот моего эмулятора

введите здесь описание изображения

Пожалуйста, помогите мне решить проблему. Спасибо


react-native-android shoutem
person Anmol Gautam    schedule 18.01.2018    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вам нужно перезаписать стиль представления, установив для его гибкости значение 0.

В случае отображения карты во всю ширину: установите для ширины карты значение null.

<Card style={{ width: null }}>
  ...
  <View style={{ flex: 0 }}>
    ...
  </View>
</Card>
person Viet Nguyen    schedule 26.11.2018