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

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}を追加することで縦スクロールから横スクロールへ変化する。