React-native-elements: ListItem separator is being displaying different shades on ios

[mateen-hussain]

Description

The default ListItem separator is being displayed in varying shades of gray on ios. In below attached file the separator after the first, third, sixth items are slightly darker than others.

This works fine on android.

Also is there a way to change the color of these separator to a custom one ?

"react": "^16.0.0-beta.5", "react-native": "^0.49.5", "react-native-elements": "^0.17.0",

Reproduction Steps and Sample Code

<View>
        <Text h4 style={styles.cardHeader}>Pick a slot</Text>
        <List >{
            slots.map(item => (
                <ListItem
                    key={item}
                    title={item}
                    onPress={() => selectSlot(item)}
                />))
        }
        </List>
    </View>

[xavier-villelegier]

Hey @mateen-hussain, this is related to the simulator. You can see that if you scroll slowly these shades of grey will change slightly. Try to grow your simulator, or to test on a real device, you shouldn't have this issue 👌

[mateen-hussain]

Thanks. How do I change its color.

[xavier-villelegier]

@mateen-hussain

<ListItem
  …
  containerStyle={{ borderBottomColor: 'red' }}
/>