【React Native】文件翻譯閱讀紀錄 - 基礎 - 寬與高
 |
| Facebook Open Source React Native |
高度和寬度
組件的高度和寬度決定了它在屏幕上的大小。
固定尺寸
設置組件尺寸的最簡單方法是為樣式添加固定的寬度和高度。 React Native中的所有維度都是無單位的，並且表示與密度無關的像素。
無論屏幕尺寸如何，以這種方式設置尺寸對於應始終以完全相同的尺寸呈現的組件是常見的。
Flex尺寸
在組件的樣式中使用flex可以根據可用空間動態擴展和縮小組件。 通常，您將使用flex：1，它告訴組件填充所有可用空間，使用相同的父級在每個其他組件之間平均共享。 給定的彎曲越大，與其兄弟姐妹相比，部件所佔的空間比率越高。
如果某個組件的父級具有大於0的維度，則該組件只能展開以填充可用空間。如果父組件沒有固定的寬度和高度或者彈性，則父組件的維度為0，並且Flex子組件將不可見。
在您可以控制組件的大小之後，下一步是學習如何在屏幕上進行佈局。
0 意見