我发现一个通常工作得很好的解决方案是在分频器上添加一个小的余量。

const styles = StyleSheet.create({
  divider: {
    borderBottomColor: '#ccc',
    borderBottomWidth: StyleSheet.hairlineWidth,
    marginVertical: 1,
  },
});

return <View style={styles.divider} />

我发现这是React-Native for Android中的一个bug，React-Native在一个FlatList项的底部呈现一个分隔符，然后在下一个FlatList项的顶部呈现第二个分隔符，而FlatList实际上应该只在每个FlatList项之间呈现一个分隔符。我在添加marginVertical时发现了这个问题：1添加到ItemSeparatorComponent，注意到每个FlatList项之间有两个不同的分隔符。我发现的解决方法是将ItemSeparatorComponent的高度设置为2像素，然后将marginVertical设置为-1像素：

<FlatList
        data={companyGrowthRankings}
        renderItem={renderItem}
        keyExtractor={item => `${Math.random()}`}
        ItemSeparatorComponent={() => <View style={{ width: windowWidth, height: 2, marginVertical: -1, backgroundColor: lessBlack }}></View>}
      />

我看到这是一个旧帖子。但我仍然面临这个问题。我通过将Flatlist中的项目设置为与contentContainerStyle相同的backgroundColor来修复它

<FlatList
        ...
        contentContainerStyle={{
          backgroundColor: 'white',
        }}
        renderItem={({ item }) => (
            </View style={{backgroundColor: 'white'}}>
                <Text style={{padding: 10}}>List Item</Text>
            </View>
          )
        }
      />

据我所知，这是一个与模拟器和IOS模拟器有关的问题，因为缩放。这只是一个视觉错误。我不认为它会发生在真实的的设备上。
用真实的的设备尝试你的代码，或者如果可能的话，用设备模拟器或模拟器尝试不扩展。