画像のリサイズモード
画像の境界線
画像の境界線の半径
画像の色合い
リファレンス
プロパティ
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'
など、特定のリサイズモード
- アニメーションGIF
このプロパティの一般的な使い方は、単色の背景に画像を表示し、overlayColor
を背景と同じ色に設定することです。
内部動作の詳細については、Frescoのドキュメントを参照してください。
resizeMode
フレームが元の画像の寸法と一致しない場合に、画像のサイズを変更する方法を決定します。デフォルトはcover
です。
-
cover
: 画像の縦横比を維持したまま、均一に拡大縮小して、
- 画像の両方の寸法(幅と高さ)が、ビューの対応する寸法(パディングを除く)以上になるようにします。
- 拡大縮小された画像の少なくとも1つの寸法が、ビューの対応する寸法(パディングを除く)と等しくなるようにします。
-
contain
: 画像の縦横比を維持したまま、均一に拡大縮小して、画像の両方の寸法(幅と高さ)が、ビューの対応する寸法(パディングを除く)以下になるようにします。
-
stretch
: 幅と高さを個別に拡大縮小します。これにより、ソースの縦横比が変更される場合があります。
-
repeat
: 画像を繰り返してビューのフレームを覆います。画像は、ビューよりも大きくない限り、サイズと縦横比を維持します。ビューよりも大きい場合は、ビューに収まるように均一に縮小されます。
-
center
: 画像をビューの中央に配置します。画像がビューより大きい場合は、ビューに収まるように均一に縮小されます。
タイプ | デフォルト |
---|
enum('cover' , 'contain' , 'stretch' , 'repeat' , 'center' ) | 'cover' |
objectFit
フレームが生の画像の寸法と一致しない場合に、画像のサイズを変更する方法を決定します。
タイプ | デフォルト |
---|
enum('cover' , 'contain' , 'fill' , 'scale-down' ) | 'cover' |
tintColor
透明でないすべてのピクセルの色をtintColorに変更します。