Image スタイルプロパティ
例
画像リサイズモード
画像ボーダー
画像ボーダー半径
画像ティント
リファレンス
Props
backfaceVisibility
このプロパティは、回転した画像の裏面を表示するかどうかを定義します。
| 型 | デフォルト |
|---|---|
enum('visible', 'hidden') | 'visible' |
backgroundColor
borderBottomLeftRadius
| 型 |
|---|
| number |
borderBottomRightRadius
| 型 |
|---|
| number |
borderColor
borderRadius
| 型 |
|---|
| number |
borderTopLeftRadius
| 型 |
|---|
| number |
borderTopRightRadius
| 型 |
|---|
| number |
borderWidth
| 型 |
|---|
| number |
opacity
画像の不透明度を設定します。数値は0.0から1.0の範囲である必要があります。
| 型 | デフォルト |
|---|---|
| number | 1.0 |
overflow
| 型 | デフォルト |
|---|---|
enum('visible', 'hidden') | 'visible' |
overlayColor Android
画像に角丸がある場合、overlayColorを指定すると、角の残りのスペースが単色で塗りつぶされます。これは、Androidの角丸の実装でサポートされていない場合に役立ちます。
'contain'などの特定のリサイズモード- アニメーションGIF
このプロパティを使用する典型的な方法は、単色の背景に表示される画像で、overlayColorを背景と同じ色に設定することです。
その仕組みの詳細は、Frescoのドキュメントを参照してください。
| 型 |
|---|
| string |
resizeMode
フレームが元の画像サイズと一致しない場合に画像をリサイズする方法を決定します。デフォルトはcoverです。
-
cover: 画像を均一に拡大縮小（画像の縦横比を維持）して、- 画像の両方の寸法（幅と高さ）が、ビューの対応する寸法（パディングを除く）以上になります。
- 拡大縮小された画像の少なくとも1つの寸法が、ビューの対応する寸法（パディングを除く）と等しくなります。
-
contain: 画像を均一に拡大縮小（画像の縦横比を維持）して、画像の寸法（幅と高さ）の両方が、ビューの対応する寸法（パディングを除く）以下になります。 -
stretch: 幅と高さを個別に拡大縮小します。これにより、srcの縦横比が変更される場合があります。 -
repeat: ビューのフレームを覆うように画像を繰り返します。画像は元のサイズと縦横比を維持しますが、ビューより大きい場合は、ビューに収まるように均一に縮小されます。 -
center: 画像をビューの中央に両方の寸法に沿って配置します。画像がビューより大きい場合は、ビューに収まるように均一に縮小します。
| 型 | デフォルト |
|---|---|
enum('cover', 'contain', 'stretch', 'repeat', 'center') | 'cover' |
objectFit
フレームが元の画像サイズと一致しない場合に画像をリサイズする方法を決定します。
| 型 | デフォルト |
|---|---|
enum('cover', 'contain', 'fill', 'scale-down') | 'cover' |
tintColor
すべての非透過ピクセルの色をtintColorに変更します。