圖片縮放模式
圖片邊框
圖片邊框圓角
圖片色彩
參考
backfaceVisibility
此屬性定義旋轉圖片的背面是否可見。
| 類型 | 預設 |
|---|
enum('visible', 'hidden') | 'visible' |
backgroundColor
borderBottomLeftRadius
borderBottomRightRadius
borderColor
borderRadius
borderTopLeftRadius
borderTopRightRadius
borderWidth
opacity
設定圖片的不透明度值。數值應介於 0.0 到 1.0 之間。
overflow
| 類型 | 預設 |
|---|
enum('visible', 'hidden') | 'visible' |
overlayColor
Android
當圖片具有圓角時，指定 overlayColor 將使角落的剩餘空間填充為純色。這在 Android 圓角實作不支援的情況下很有用
- 某些縮放模式，例如
'contain'
- Animated GIFs
使用此 prop 的典型方式是在純色背景上顯示圖片，並將 overlayColor 設定為與背景相同的顏色。
有關此功能在底層如何運作的詳細資訊，請參閱 Fresco 文件。
resizeMode
決定當影格尺寸與原始圖片尺寸不符時，如何縮放圖片。預設值為 cover。
-
cover：均勻縮放圖片（保持圖片的長寬比），以至於
- 圖片的兩個維度（寬度和高度）將等於或大於視圖的相應維度（減去內邊距）
- 縮放後圖片的至少一個維度將等於視圖的相應維度（減去內邊距）
-
contain：均勻縮放圖片（保持圖片的長寬比），以至於圖片的兩個維度（寬度和高度）將等於或小於視圖的相應維度（減去內邊距）。
-
stretch：獨立縮放寬度和高度，這可能會改變來源的長寬比。
-
repeat：重複圖片以覆蓋視圖的影格。圖片將保持其大小和長寬比，除非它大於視圖，在這種情況下，它將被均勻縮小，使其包含在視圖中。
-
center：將圖片在兩個維度上居中於視圖中。如果圖片大於視圖，則均勻縮小它，使其包含在視圖中。
| 類型 | 預設 |
|---|
enum('cover', 'contain', 'stretch', 'repeat', 'center') | 'cover' |
objectFit
決定當影格尺寸與原始圖片尺寸不符時，如何縮放圖片。
| 類型 | 預設 |
|---|
enum('cover', 'contain', 'fill', 'scale-down') | 'cover' |
tintColor
將所有非透明像素的顏色更改為 tintColor。