HIDI Flutter Challenge (11) AspectRatio & ClipRRect Widget

1482 ワード

flutter challenge テキストリンク

AspectRatio & ClipRRect Widget

> AspectRatio Widget

サブアイテムのサイズを特定のアスペクト比で調整するためのコンポーネント

画面に画像が表示される場合は比例表示

レイアウト制約で許容される最大幅

を最初に試します.

部材の高さは、幅指定のアスペクト比で決定され、幅の高さ比で

ex)画面幅450、高さ1000の割合3/2の場合、画像の大きさは:

最大幅->画像幅450

3/2比率->450*2/3=300高さ

>> Implementaion


const AspectRatio({
Key? key,
required this.aspectRatio,
Widget? child,
}) : assert(aspectRatio != null),
assert(aspectRatio > 0.0),
// can't test isFinite because that's not a constant expression
super(key: key, child: child);

>>構成率の主要属性

aspectRatio:アスペクト比=>final両面Ratio;(required)

child:サブアイテムは1つしかありません=>final Widget?child;

> ClipRRect Widget

フィレット長方形を使用してサブアイテムをクリップするコンポーネント

コンポーネントにshapeまたは装飾プロパティがない場合は、ClipRRectを使用してエッジにカーブを描画できます.

Containerコンポーネントはx

を使用する必要があります.

ClipOval、ClipPath等の他の管理枠の部品

>> Implementation


const ClipRRect({
Key? key,
this.borderRadius = BorderRadius.zero,
this.clipper,
this.clipBehavior = Clip.antiAlias,
Widget? child,
}) : assert(borderRadius != null || clipper != null),
assert(clipBehavior != null),
super(key: key, child: child);

>>ClipRRectプライマリ属性

borderRadius:円のエッジ半径を設定するプロパティ=>final BorderRadius?borderRadius;

child:サブアイテムは1つしかありません=>final Widget?child;

Reference

この問題について(HIDI Flutter Challenge (11) AspectRatio & ClipRRect Widget), 我々は、より多くの情報をここで見つけました https://velog.io/@hello_hidi/HIDI-Flutter-Challenge-11-AspectRatio-ClipRRect-Widget

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol

Linuxで一般的に使用される長いコマンドのショートコマンドを作成するには?

[react]userRefの使用