ImageCropper 3.0.1 で起動したトリミング（切り抜きと回転）画面は、公式の Customization に掲載されている通り、少しだけデザインのカスタマイズができるよ。

『Google コンタクト』に「切り抜きと回転」の画面があるから、これを参考にやってみようかな。

やり方

先に『Google コンタクト』の真似をした結果から。画面下部にコントローラーが付属しているのが ImageCropper の特徴だね。

ImagePicker 0.8.6+3 でギャラリー（アルバム）から写真を取得した前提の実装よ、以下は。

---

/// ギャラリー（アルバム）から写真を取得
final XFile? photo = await ImagePicker().pickImage(

source: ImageSource.gallery,

);

/// トリミング（切り抜きと回転）を行う画面を起動＆処理後の写真を取得

final CroppedFile? croppedFile = await ImageCropper().cropImage(

sourcePath: photo.path,

aspectRatio: const CropAspectRatio(

ratioX: 1.0,

ratioY: 1.0,

cropStyle: CropStyle.circle,

compressFormat: ImageCompressFormat.png,

compressQuality: 85,

uiSettings: [

AndroidUiSettings(

toolbarTitle: '切り抜きと回転',

toolbarColor: const Color(0xFF20242F),

statusBarColor: const Color(0xFF20242F),

toolbarWidgetColor: Colors.white,

activeControlsWidgetColor: const Color(0xFF5EDF7E),

);

---

ここでは実装しなかったけど、グリッドのカスタマイズも可能だよ！

参照した記事