ios - React Native：高像素密度设备上的半像素边框问题

Question

我0.5px在我的 React Native 应用程序中使用了边框。这在大多数设备上效果很好，但在iPhone 6 plus这些边界上显得模糊。在阅读了此处的像素比率后，我决定使用如下所示的内容。

我想知道是否有其他人能够成功地0.5px在高像素密度设备上使用边框？

borderWidth: PixelRatio.get() >= 3 ? 1 : 0.5

Answer 1

您可以像这样使用hairlineWidth：

import {StyleSheet} from 'react-native';

const styles = StyleSheet.create({
  elementWithHalfPixelBorder: {
    borderWidth: StyleSheet.hairlineWidth,
  },
});