как создать встроенный facepile с помощью hangem/ui и реагировать на родной

Как создать встроенный ряд изображений в Shoutem/UI? Прямо сейчас они отображаются как блочные элементы, каждый со своей строкой. Вместо этого я хочу показать их как центрированный ряд изображений аватара.

http://shoutem.github.io/docs/ui-toolkit/components/image

<Tile>
  <Parallax driver={this.driver} scrollSpeed={1.2}>

    <Title styleName="md-gutter-top">{post.name}</Title>
    <Caption>{post.title}</Caption>
    <View>
      <Image
        styleName="small-avatar"
        source={{ uri: 'http://shoutem.github.io/img/ui-toolkit/examples/image-3.png'}}
      />
      <Image
        styleName="small-avatar"
        source={{ uri: 'http://shoutem.github.io/img/ui-toolkit/examples/image-3.png'}}
      />
      <Image
        styleName="small-avatar"
        source={{ uri: 'http://shoutem.github.io/img/ui-toolkit/examples/image-3.png'}}
      />
      <Image
        styleName="small-avatar"
        source={{ uri: 'http://shoutem.github.io/img/ui-toolkit/examples/image-3.png'}}
      />
    </View>

  </Parallax>
</Tile>

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


Ответы (1)


Так что мне просто нужно было взглянуть на стили по умолчанию, которые Shoutem включает в свое представление. https://shoutem.github.io/docs/ui-toolkit/components/view

В таком случае

<View styleName="horizontal">

Ну вот так

 <View styleName="horizontal">
      <Image
        styleName="small-avatar"
        source={{ uri: 'http://shoutem.github.io/img/ui-toolkit/examples/image-3.png'}}
      />
      <Image
        styleName="small-avatar"
        source={{ uri: 'http://shoutem.github.io/img/ui-toolkit/examples/image-3.png'}}
      />
      <Image
        styleName="small-avatar"
        source={{ uri: 'http://shoutem.github.io/img/ui-toolkit/examples/image-3.png'}}
      />
      <Image
        styleName="small-avatar"
        source={{ uri: 'http://shoutem.github.io/img/ui-toolkit/examples/image-3.png'}}
      />
    </View>
person MonkeyBonkey    schedule 14.01.2017