shoutem/uiでインラインfacepileを作成し、ネイティブに反応させる方法

Question

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> 

Answer 1

だから、僕はshoutemがそれのビューの一部として含まれるデフォルトのスタイルを見てする必要がありました。この場合、この

<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> 

ようなので

<View styleName="horizontal">

でhttps://shoutem.github.io/docs/ui-toolkit/components/view