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

Question

我在我的 React Native 应用程序中使用了0.5px边框。这在大多数设备上都很好用，但在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,
  },
});