React Nativeで横スクロールするリストの作成

ysugiyama12 95views 更新:2017年3月1日

ComponentsのひとつであるScrollViewを用いて作成する。

<View style={styles.Overlay}>
  <ScrollView horizontal={true}>
    <TouchableHighlight>
      <Text style={styles.button}>  No.1  </Text>
    </TouchableHighlight>
    <TouchableHighlight>
      <Text style={styles.button}>  No.2  </Text>
    </TouchableHighlight>
   //...
 </ScrollView>
</View>


horizontal = {true}を追加することで縦スクロールから横スクロールへ変化する。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません