-
Notifications
You must be signed in to change notification settings - Fork 25k
Closed
Labels
Resolution: LockedThis issue was locked by the bot.This issue was locked by the bot.
Description
Description
When I set horizontal true for FlatList, ItemSeparatorComponent is added vertically. Please fix this bug. Thanks
Sample Code
import React from 'react';
import { FlatList, StyleSheet, Text, View } from 'react-native';
class App extends React.Component {
constructor() {
super();
const arr = [];
for(let i=0; i<100; i++)
arr.push({key: i, value: i});
this.state = {data: arr};
}
render() {
return (
<View style={ styles.container }>
<FlatList
horizontal
ItemSeparatorComponent={ () => <View style={ { width: 10, height: 10, backgroundColor: 'red' } } /> }
data={ this.state.data }
renderItem={ (rowData) => <Text>{ rowData.item.value }</Text> }
/>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#fff',
alignItems: 'center',
justifyContent: 'center',
},
});Additional Information
- React Native version: 0.45.1
- React: 16.0.0-alpha.12
- Platform: ios. not checked android.
- Development Operating System: macOS
- Build tools: WebStorm
Metadata
Metadata
Assignees
Labels
Resolution: LockedThis issue was locked by the bot.This issue was locked by the bot.
