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,
  },
});