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

Question

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

我想知道是否还有其他人能够在高像素密度设备上成功使用 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,
  },
});