React native 平面列表中的水平滚动-反应本机

React native 平面列表中的水平滚动-反应本机,react-native,React Native,我用平面列表列出数据。但在列出数据时,它会垂直列出数据,我希望它能水平排序。所以我不想向下滚动,而是想左右滚动。我想它叫PaginEnabled。我该怎么做 <FlatList style={{ flex: 1 }} showsVerticalScrollIndicator={false}

我用平面列表列出数据。但在列出数据时,它会垂直列出数据,我希望它能水平排序。所以我不想向下滚动,而是想左右滚动。我想它叫PaginEnabled。我该怎么做

<FlatList
                    style={{
                        flex: 1

                    }}
                    showsVerticalScrollIndicator={false}
                    showsHorizontalScrollIndicator={false}
                    data={this.state.allReasons}
                    keyExtractor={(item,index)=>index.toString()}
                    renderItem={({ item ,index}) => {
                        return (

                          <ScrollView onScroll={(event)=>{
                    this.setState({
                        activePage:Math.round(parseFloat(event.nativeEvent.contentOffset.x/Dimensions.get('window').width))
                    })
               
            }}
            style={{width:'100%'}} showsHorizontalScrollIndicator={false} pagingEnabled={true} horizontal={true}>

                                       <View style={{width:'100%'}}>
             

   <Image style={{   resizeMode: 'contain',width:Dimensions.get('window').width,height:250}} source={{uri:"http://ledslider.stechomeyazilim.com/" + item.Slider_Image}}/>
 .....

 </View>
index.toString()}
renderItem={({item,index})=>{
返回(
{
这是我的国家({
activePage:Math.round(parseFloat(event.nativeEvent.contentOffset.x/Dimensions.get('window').width))
})
}}
样式={{width:'100%}}showrizontalscrolindicator={false}paginabled={true}水平={true}>
.....

在平面列表中添加水平支柱,如

horizontal={true}

尝试从项目中删除scrollview可能会导致问题

尝试从项目中删除scrollview可能会导致问题您想在平面列表中有水平滚动项目吗?是的,我想要的正是您所说的@guruparangiritarian您的内容宽度变长了吗?您将宽度设置为100%,添加一些而不设置宽度,请参阅我进行水平移动时启用后,除第一项外,仅显示第一项。@GuruparanGiritharan