🌊

[Flutter] ClipRRect

2022/12/03に公開

https://youtu.be/eI43jkQkrvs
https://api.flutter.dev/flutter/widgets/ClipRRect-class.html

ClipRRect

切り取りたいウィジェットを囲んで半径を指定するだけで、四角いコンテンツの四隅を丸くできるwidget
類似ウィジェットで、外観をカスタマイズしたり、異なる形を試したりすることもできる

このようなwidgetは、レンダリングツリーで特定のレンダーオブジェクトを子要素のすぐ上に挿入することで機能する。
そのレンダーオブジェクトが再描画するたびに切り取られる。

clipRRect(
 borderRadius:
  BorderRadius.circular(15.0),
 cripBehavior: Clip.hardEdge,
 child: MyDashPicWidget(),
);

プロパティ

borderRadius: 切り取る角丸の半径を指定する
cripBehavior:エッジのカスタマイズができる

類似ウィジェット

clipOval: 楕円
clipPath: 角を直線で切り取る図形(8角形のような、、、)

Discussion