кнопка добавления в избранное неправильно оформлена в экспоненте и крике

В следующем примере моя кнопка «Добавить в избранное» не выровнена по правому краю и имеет черный цвет вместо белого. Я не вижу никаких стилей, определенных где-либо, и я не могу добраться до инспектора сафари с помощью экспоненты.

Неправильно

неверная черная звезда

Правильная белая звезда, выровненная по правому краю

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

Глядя на пример кода https://github.com/shoutem/ui/blob/develop/examples/components/Tiles.js — похоже, он должен сделать его белым и выровнять по правому краю, но в моем случае это не так. Нужно ли мне обернуть его во вмещающий стиль? Как мне отладить это?

render() {

 return (
  <View style={styles.container}>
    <Image
      styleName="large-banner"
      source={{ uri: 'https://shoutem.github.io/img/ui-toolkit/examples/image-3.png' }}
    >
      <Tile>
        <View styleName="actions">
          <Button styleName="tight clear"><Icon name="add-to-favorites" /></Button>
        </View>
        <Title>HOW TO MAINTAIN YOUR MENTAL HEALTH IN 2016</Title>
        <Caption>6557 Americo Hills Apt. 118</Caption>
      </Tile>
    </Image>
   ....

person MonkeyBonkey    schedule 10.01.2017    source источник


Ответы (1)


Это было потому, что я импортировал View из react-native. Как только я начал импортировать View из @shoutem/ui, он перенес правильные стили.

person MonkeyBonkey    schedule 10.01.2017