0.59.0-rc.0 Flatlist inverted horizontal with ListFooterComponent or ListHeaderComponent:
when data is empty array and ListFooterComponent or ListHeaderComponent rendering component - the component show on left instead of right.
when adding data - the ListFooterComponent or ListHeaderComponent is ok.
The bug is on iOS and Android.
The bug not happened on 0.58.4 version
const data = []; // The ListFooterComponent or ListHeaderComponent Is on the right
// data = ["test"]; // The ListFooterComponent or ListHeaderComponent Is on the left = OK
<FlatList
data={data}
keyExtractor={item => item}
ListFooterComponent={<View
style={{
backgroundColor: "#D6D6D6",
paddingVertical: 6,
marginVertical: 6,
borderRadius: 20,
alignItems: 'center',
paddingHorizontal: 15
}}>
<Text>{"+"}</Text>
</View>}
ListHeaderComponent={<View
style={{
backgroundColor: "#D6D6D6",
paddingVertical: 6,
marginVertical: 6,
borderRadius: 20,
alignItems: 'center',
paddingHorizontal: 15
}}>
<Text>{"+"}</Text>
</View>}
inverted
horizontal
renderItem={({item, index}) => {
return <View style={{justifyContent: 'center'}}>
<Text>{"Test"}</Text>
</View>
}}/>