メインコンテンツにスキップ

画像スタイルプロパティ

画像のリサイズモード

画像の境界線

画像の境界線の半径

画像の色合い

リファレンス

プロパティ

backfaceVisibility

回転した画像の裏面を表示するかどうかを定義するプロパティです。

タイプデフォルト
enum('visible', 'hidden')'visible'

backgroundColor

タイプ

borderBottomLeftRadius

タイプ
数値

borderBottomRightRadius

タイプ
数値

borderColor

タイプ

borderRadius

タイプ
数値

borderTopLeftRadius

タイプ
数値

borderTopRightRadius

タイプ
数値

borderWidth

タイプ
数値

opacity

画像に不透明度を設定します。数値は0.0から1.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に変更します。

タイプ