Image スタイルプロパティ
サンプル
画像のリサイズモード
画像の境界線
画像の角丸
画像のティント
リファレンス
Props
backfaceVisibility
このプロパティは、回転した画像の裏面を表示するかどうかを定義します。
| 型 | デフォルト |
|---|---|
enum('visible', 'hidden') | 'visible' |
backgroundColor
| 型 |
|---|
| color |
borderBottomLeftRadius
| 型 |
|---|
| number |
borderBottomRightRadius
| 型 |
|---|
| number |
borderColor
| 型 |
|---|
| color |
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: 画像のアスペクト比を維持したまま均等に拡大縮小し、- 画像の両方の寸法（幅と高さ）が、対応するビューの寸法（パディングを引いたもの）以上になるようにします。
- 拡大縮小された画像の少なくとも一方の寸法が、対応するビューの寸法（パディングを引いたもの）と等しくなるようにします。
-
contain: 画像のアスペクト比を維持したまま均等に拡大縮小し、画像の両方の寸法（幅と高さ）が、対応するビューの寸法（パディングを引いたもの）以下になるようにします。 -
stretch: 幅と高さを独立して拡大縮小します。これにより、元の画像のアスペクト比が変わる可能性があります。 -
repeat: ビューのフレームを覆うように画像を繰り返します。画像がビューより大きい場合を除き、画像のサイズとアスペクト比は維持されます。ビューより大きい場合は、ビュー内に収まるように均等に縮小されます。 -
center: 両方の次元に沿って画像をビューの中央に配置します。画像がビューより大きい場合は、ビュー内に収まるように均等に縮小されます。
| 型 | デフォルト |
|---|---|
enum('cover', 'contain', 'stretch', 'repeat', 'center') | 'cover' |
objectFit
フレームが元の画像の寸法と一致しない場合に、画像をどのようにリサイズするかを決定します。
| 型 | デフォルト |
|---|---|
enum('cover', 'contain', 'fill', 'scale-down') | 'cover' |
tintColor
すべての非透明ピクセルの色を tintColor に変更します。
| 型 |
|---|
| color |