Добавить в любимую кнопку, неправильно оформленную в показателе степени и крике

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

некорректный

неправильная черная звезда

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

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

Глядя на пример кода 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>
   ....

1 ответ

Это было потому, что я импортировал View от реагировать-родной. Однажды я начал импортировать View от @shoutem/ui это перенесло правильные стили.

Другие вопросы по тегам