風格

使用 React Native，您可以使用 JavaScript 來設定應用程式的樣式。所有核心組件都接受名為 style 的 prop。樣式名稱和數值通常與網頁上的 CSS 運作方式相同，但名稱採用駝峰式命名，例如 backgroundColor 而不是 background-color。

style prop 可以是一個普通的 JavaScript 物件。這通常是我們在範例程式碼中使用的。您也可以傳遞樣式陣列 - 陣列中最後一個樣式具有優先權，因此您可以使用它來繼承樣式。

隨著組件複雜度增加，使用 StyleSheet.create 在同一個地方定義多個樣式通常更為簡潔。這是一個範例

一種常見的模式是讓您的組件接受一個 style prop，然後用於設定子組件的樣式。您可以使用它來使樣式像 CSS 中那樣「層疊」。

還有更多自訂文字樣式的方法。請查看 Text 組件參考 以取得完整列表。

現在您可以讓您的文字變得美觀。成為樣式專家的下一步是學習如何控制組件大小。

已知問題

• react-native#29308：在某些情況下，React Native 的行為與網頁上的 CSS 不同，例如觸摸區域永遠不會超出父視圖邊界，並且 Android 不支援負邊距。