В следующем примере моя кнопка «Добавить в избранное» не выровнена по правому краю и имеет черный цвет вместо белого. Я не вижу никаких стилей, определенных где-либо, и я не могу добраться до инспектора сафари с помощью экспоненты.
Неправильно
Правильная белая звезда, выровненная по правому краю
Глядя на пример кода 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>
....