[Flutter]Widgetの枠内いっぱいに画像を拡大させる方法(Boxfit.cover / Boxfit.fill)

このページには広告が含まれる場合があります。

 

画像を扱うWidget(ImageCachedNetworkImage等)で画像を表示させようとすると、デフォルトではWidgetの枠内いっぱいに画像を表示できない場合があります。

これをWidgetの枠内いっぱいに拡大させるためには「fit」属性に、

1)縦横比(アスペクト比)を変えずに拡大させる場合は「Boxfit.cover」(ただし画像ははみ出る)

 

2)縦横比(アスペクト比)を変えて、画像をはみ出させずに拡大させる場合は「Boxfit.fill」

させてやるとできます。

(詳しくは、以下の動画で解説していますので、よろしければ御覧ください)

こんな記事も読まれています

人気No.1

前向きな気持ちになれる 占星術・タロットリーディング

あすコロ式・相談サロン 【ナビるやん】

人に言えない悩みから使命・運勢診断まで、あなたに寄り添いながら“ナビゲート”する、あすコロ人気No.1のオンライン相談サロン。占星術・心理学・タロットの叡智を活かし、普段認識していない「潜在意識」にアクセスしてあなたの気づいていない可能性を拓かせ、明日から前向きに歩めるようになる60分のリーディングセッション。

今すぐ詳細を見る(メルマガ登録で初回半額) ▶

TOP