react-native - 在 dp 上使用 Pixel.getRatio()

Question

以下方式声明尺寸是否相同

1.

StyleSheet.create({  
      container: {  
        width: PixelRatio.get()*5   
     }  
    })  

2.

StyleSheet.create({  
    container: {  
       width: 5
    }  
})  

标签： react-native

Answer 1

当您在样式中指定宽度/高度时，此值在 中dp，因此width: 5在5dp.

当您将一个值与屏幕密度（PixelRatio.get() * 5在您的示例中）相乘时，您将获得以像素为单位的值。您也可以使用方便的方法PixelRatio.getPixelSizeForLayoutSize来做到这一点。