[Question] How can I update editor UI?

[yangheecho]

How can I update the editor's UI when modifying the image with a custom feature?
I want to create a custom button that uses an API to remove the background from the image and then save the resulting image back to the editor. How can I ensure the editor UI reflects this change?

FlatIconTextButton(
                      label: Text('Remove Background',
                          style: _bottomTextStyle),
                      icon: const Icon(
                        Icons.auto_fix_high_outlined,
                        size: 22.0,
                        color: Colors.white,
                      ),
                      onPressed: () async {
                        Uint8List currentImage = widget.editor.editorImage.byteArray!;
                        LocalRembgResultModel result = await LocalRembg.removeBackground(imageUint8List: currentImage);
                      },
                    ),

[hm21]

Before version 6.2.0, replacing the background image required several steps. However, I just released version 6.2.0, which simplify that part. You can now use the updateBackgroundImage method to update the background image. Simply call the method and pass your image as shown below:

 /// final editorKey = GlobalKey<ProImageEditorState>();

await editorKey.currentState!.updateBackgroundImage(
  EditorImage(
    networkUrl: 'https://picsum.photos/id/230/2000',
  ),
);

[yangheecho]

Thank you!