ListView separator line skips every other row

[agersoncgps]

I am running "react-native": "0.43.4". I searched StackOverflow and found this post describing it as bug with only a hack fix.

Here is my style for the separator:

const styles = StyleSheet.create({
  separator: {
    flex: 1,
    height: StyleSheet.hairlineWidth,
    backgroundColor: '#8E8E8E',
  },
});

Here is my ListView:

  <ListView
            dataSource={this.state.dataSource}
           renderRow={(data) => <View><Text>{data.bb_first_name}</Text></View>}
            renderSeparator={(sectionId, rowId) => <View key={rowId} style={styles.separator} />}
          />

Here is how it renders:

[antsmo]

Just out of curiosity, are you viewing the simulator at 100%? Anything less than that will cause hairline width details not to render correctly because of the downscaling

[hramos]

Hey, thanks for reporting this issue!

It looks like your description is missing some necessary information. Can you please add all the details specified in the template? This is necessary for people to be able to understand and reproduce the issue being reported.

I am going to close this, but feel free to open a new issue with the additional information provided. Thanks!

[agersoncgps]

Thanks MyGuySi, that was it!

[antsmo]

@agersoncgps No problem, it's caught me out a few times too!