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