ReactNative ListView不一致的分隔线

Gia*_*nis 7 react-native react-native-listview react-native-android

在Android 4.4上,ListView分隔线的厚度不一致,有些则不渲染.我无法看到这是一个代码问题,这就是我渲染它们的方式:

     separator: {
        height: 1,
        backgroundColor: 'grey',
      }
      ...
      <ListView
      renderSeparator={(sectionID, rowID) =>
        <View key={`${sectionID}-${rowID}`} style={styles.separator} />
      }
      .../>
Run Code Online (Sandbox Code Playgroud)

以下是带有此问题的View的屏幕截图:

在此输入图像描述

在iOS或Android 6上不会发生此问题.

以前有人有这个问题吗?

更新

我做了一个测试,这不是Android4的问题.在Nexus One设备上运行时,它会在所有API版本上发生(在android模拟器中)

Jul*_*n K 5

我在 iOS 上遇到了这个问题,并通过添加细线边距来解决它,如下所示:

<View
    style={{
      ...styles,
      borderWidth: StyleSheet.hairlineWidth,
      margin: StyleSheet.hairlineWidth,
    }}
>
    {// ...row content}
</View>
Run Code Online (Sandbox Code Playgroud)


小智 2

只需给出高度:hairlineWidth风格

  • 更具体地说,是“StyleSheet.hairlineWidth”。 (3认同)