How to use InteractiveViewer with CropImage

Question

How to use InteractiveViewer with CropImage i want to fixed grid cropImage and if i want to Crop need to drag and move Image at behind

InteractiveViewer(
                          minScale: 0.1,
                          maxScale: 3,
                          constrained: false,
                          child: CropImage(
                            alwaysShowThirdLines: true,
                            gridColor: Colors.grey,
                            image: Image.memory(
                              fileBytes!,
                            ),
                            controller: controller,
                            onCrop: (value) {
                              controller.aspectRatio = 1;
                              // controller.cropSize = const Rect.fromLTRB(0.01, -0.04, 0.76, 0.5);
                              // controller.crop = const Rect.fromLTRB(0.01, -0.04, 0.76, 0.5);
                            },
                          ),
                        ),

Image my Ui now

i try using crop_image 1.0.4 i want to more example