添加到收藏夹按钮未在exponent和shoutem中正确设置样式

时间:2017-01-10 04:36:36

标签: react-native exponentjs

在下面的示例中,我的“添加到收藏夹”按钮没有右对齐,而是黑色而不是白色。我没有看到任何地方定义任何样式,我似乎无法使用exponent访问safari检查器。

不正确的

incorrect black star

纠正右边对齐的白星

enter image description here

查看示例代码 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 个答案:

答案 0 :(得分:0)

这是因为我从react-native导入View。一旦我开始从View导入@shoutem/ui,它就会带来正确的样式。