React native Horizontal FlatList

<FlatList data={DATA} KeyExtractor={(item)=>item.id} renderItem={renderItmes}

horizontal 

ShowHorizontalScrollIndicator={false}

></FlatList>

Example

import React, { useEffect, useState } from "react";

import { View, Text, FlatList } from "react-native";

const HorizontalFlatList = () => {

    const DATA=[

        {

          id: 'bd7acbea-c1b1-46c2-aed5-3ad53abb28ba',

          title: 'First Item',

        },

        {

          id: '3ac68afc-c605-48d3-a4f8-fbd91aa97f63',

          title: 'Second Item',

        },

        {

          id: '58694a0f-3da1-471f-bd96-145571e29d72',

          title: 'Third Item',

        },

      ];

    const renderItem = ({ item }) => (

        <View style={{

            backgroundColor:'orange',

            alignContent:'center',

            marginHorizontal:10

                }}>

            <Text style={{

        fontSize:18,

        fontWeight:'bold',

        color:'white',

        padding:10

        }}>{item.title}</Text>

        </View>

      );

    return (<View style={{ flex: 1, justifyContent: "center" }}>

        <View style={{marginHorizontal:10, paddingHorizontal:5}}>

        <FlatList data={DATA}

        keyExtractor={(item)=>item.id}

        renderItem={renderItem}

        horizontal

        showsHorizontalScrollIndicator={false}>

        </FlatList>

        </View>

         

    </View>)

}

export default HorizontalFlatList