React Native - 使用StyleSheet和普通對象有什麼好處？

Question

使用StyleSheet.create() vs普通物體的好處是什麼？

const styles = StyleSheet.create({ 
    contianer: { 
    flex: 1 
    } 
} 

比。

const styles = { 
    contianer: { 
    flex: 1 
    } 
} 

Answer 1

直接的StyleSheet.js註釋部分報價陣營本地

代碼質量：

• 通過移動款式渲染功能的時候，你使代碼更容易理解。

• 命名樣式是爲渲染函數中的低級組件添加含義的好方法。

性能：

• 使從樣式對象樣式表能夠通過ID引用它，而不是每次都創建一個新的樣式對象。

• 它還允許只通過橋發送一次樣式。所有後續使用都將引用一個id（尚未實現）。

而且Stylsheet驗證您stylehsheet內容，以及。因此，在編譯時顯示錯誤樣式屬性的任何錯誤，而不是在樣式表實際實現時的運行時。