【React Native】文件翻譯閱讀紀錄 - 基礎 - Style(樣式)
Facebook Open Source React Native
 |
| Facebook Open Source React Native |
Style(樣式)
使用React Native，您不會使用特殊語言或語法來定義樣式。您只需使用JavaScript設置應用程序樣式。所有核心組件都接受名為style的prop。樣式名稱和值通常與CSS在Web上的工作方式相匹配，除了名稱是使用駝峰外殼編寫的，例如backgroundColor而不是background-color。
樣式prop可以是一個普通的舊JavaScript對象。這是最簡單的，我們通常用於示例代碼。您還可以傳遞一組樣式 - 數組中的最後一個樣式具有優先權，因此您可以使用它來繼承樣式。
隨著組件的複雜性增加，使用StyleSheet.create在一個位置定義多個樣式通常更簡潔。這是一個例子：
樣式prop可以是一個普通的舊JavaScript對象。這是最簡單的，我們通常用於示例代碼。您還可以傳遞一組樣式 - 數組中的最後一個樣式具有優先權，因此您可以使用它來繼承樣式。
隨著組件的複雜性增加，使用StyleSheet.create在一個位置定義多個樣式通常更簡潔。這是一個例子：
一種常見的模式是讓您的組件接受樣式支柱，而風格支柱又用於設置子組件的樣式。您可以使用它來使樣式像在CSS中一樣“級聯”。
有很多方法可以自定義文本樣式。查看Text組件參考以獲取完整列表。
現在你可以讓你的文字變得美麗。成為樣式大師的下一步是學習如何控制組件大小。
有很多方法可以自定義文本樣式。查看Text組件參考以獲取完整列表。
現在你可以讓你的文字變得美麗。成為樣式大師的下一步是學習如何控制組件大小。
0 意見