2016-05-16 18 views
4

在使用本機作出反應來定義一些造型方面沒有任何單位:React Native中使用了哪些尺寸單位?

welcome: { 
    fontSize: 20, 
    margin: 10, 
} 

我假設的原因是因爲它是跨平臺的代碼,而iOS和Android使用不同的單位。

docs不是很有用,因爲所有的例子都使用rem單位,沒有提及任何地方的單位。

那麼,每個平臺使用什麼單位?

編輯:other answer沒有說明在Android中使用的是什麼單位。我假設它是dp,但它並未在任何地方指定。

+0

[React Native中的Flexbox使用dp還是pixel?]的可能重複項(http://stackoverflow.com/questions/33670100/does-flexbox-in-react-native-use-dp-or-pixel) –

回答

7

單位是iOS的邏輯像素。請參閱SO問題here,由React Native撰稿人回答。

對於Android,單位在DIP,這與iOS中的邏輯點有點相似(關於這個主題有一個很好的write up)。如果您在這裏查看源代碼 - https://github.com/facebook/react-native/blob/235b16d93287061a09c4624e612b5dc4f960ce47/ReactAndroid/src/main/java/com/facebook/react/uimanager/LayoutShadowNode.java#L24,您會看到它們將提供的值轉換爲toPixelFromDIP

+0

這個答案談到了iOS中的點數,但沒有指定在Android中使用的單位。 – Pier

+0

你是對的@Pier,我已經更新了我的答案。看看是否有幫助:) –

相關問題