Changes are beign applied never finish

[lincolnmedicinadireta]

When I run my code, the 'changes are being applied' message never completes.

Flutter 3.35.4 • channel stable • https://github.com/flutter/flutter.git Framework • revision d693b4b9db (6 days ago) • 2025-09-16 14:27:41 +0000 Engine • hash feee8ee8fb8b975dd9990f86d3bda11e6e75faf3 (revision c298091351) (7 days ago) • 2025-09-15 14:04:24.000Z Tools • Dart 3.9.2 • DevTools 2.48.0

Additional context: This behavior is reproducible across multiple versions of the flutter

my code to example:

Show Code

import 'dart:typed_data';

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:get/get.dart';
import 'package:pro_image_editor/pro_image_editor.dart';
import '../controllers/image_editor_controller.dart';

class ImageEditorPage extends GetView<ImageEditorController> {
  const ImageEditorPage({super.key});

  @override
  Widget build(BuildContext context) {
    return Obx(() {
      if (controller.imageBytes.value == null) {
        return Scaffold(
          appBar: AppBar(
            title: Text('Editor'),
            leading: IconButton(
              icon: Icon(Icons.arrow_back),
              onPressed: controller.backToHome,
            ),
          ),
          body: Center(child: CircularProgressIndicator()),
        );
      }

      return ProImageEditor.memory(
        controller.imageBytes.value!,
        callbacks: ProImageEditorCallbacks(
          onImageEditingComplete: (editedBytes) async {
             await _showSaveOptions(context, editedBytes);
             Navigator.pop(context);
          },
          // onCloseEditor: (_) => controller.backToHome(),
        ),
        configs: ProImageEditorConfigs(heroTag: 'photo-editor'),
      );
    });
  }

  Future<void> _showSaveOptions(
      BuildContext context, Uint8List editedBytes) async {
    await showModalBottomSheet(
      context: context,
      builder: (context) => Container(
        padding: EdgeInsets.all(20),
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            Text(
              'O que deseja fazer?',
              style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold),
            ),
            SizedBox(height: 20),
            SizedBox(
              width: double.infinity,
              child: ElevatedButton.icon(
                onPressed: () {
                  Navigator.pop(context);
                  controller.saveEditedImage(editedBytes);
                },
                icon: Icon(Icons.save),
                label: Text('Salvar na Galeria'),
              ),
            ),
            SizedBox(height: 10),
            SizedBox(
              width: double.infinity,
              child: ElevatedButton.icon(
                onPressed: () {
                  Navigator.pop(context);
                  controller.shareEditedImage(editedBytes);
                },
                icon: Icon(Icons.share),
                label: Text('Compartilhar'),
              ),
            ),
            SizedBox(height: 10),
            TextButton(
              onPressed: () => Navigator.pop(context),
              child: Text('Continuar Editando'),
            ),
          ],
        ),
      ),
    );
  }
}

import 'dart:typed_data';
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:medicinadireta/presentation/pages/image_editor_page.dart';
import '../../domain/usecases/pick_image_usecase.dart';
import '../../domain/usecases/save_image_usecase.dart';
import '../../domain/usecases/share_image_usecase.dart';

class ImageEditorController extends GetxController {
  final PickImageUseCase pickImageUseCase;
  final SaveImageUseCase saveImageUseCase;
  final ShareImageUseCase shareImageUseCase;

  final Rx<Uint8List?> imageBytes = Rx<Uint8List?>(null);
  final RxBool isLoading = false.obs;
  final RxString errorMessage = ''.obs;
  final RxBool isEditing = false.obs;

  ImageEditorController({
    required this.pickImageUseCase,
    required this.saveImageUseCase,
    required this.shareImageUseCase,
  });

  // Capturar imagem da câmera
  // Capturar imagem da câmera e abrir editor
  Future<void> pickImageFromCamera() async {
    try {
      isLoading.value = true;
      errorMessage.value = '';

      final bytes = await pickImageUseCase.fromCamera();
      imageBytes.value = bytes;
      isEditing.value = true;

      // Navegar para o editor IMEDIATAMENTE após capturar
      Get.off(() => ImageEditorPage());
    } catch (e) {
      errorMessage.value = 'Erro ao capturar imagem: $e';
      Get.snackbar('Erro', errorMessage.value);
    } finally {
      isLoading.value = false;
    }
  }

// Selecionar imagem da galeria e abrir editor
  Future<void> pickImageFromGallery() async {
    try {
      isLoading.value = true;
      errorMessage.value = '';

      final bytes = await pickImageUseCase.fromGallery();
      imageBytes.value = bytes;
      isEditing.value = true;

      // Navegar para o editor IMEDIATAMENTE após selecionar
      Get.off(() => ImageEditorPage());
    } catch (e) {
      errorMessage.value = 'Erro ao selecionar imagem: $e';
      Get.snackbar('Erro', errorMessage.value);
    } finally {
      isLoading.value = false;
    }
  }

  // Salvar imagem editada
  Future<void> saveEditedImage(Uint8List editedBytes) async {
    try {
      isLoading.value = true;
      await saveImageUseCase(editedBytes);
      Get.snackbar('Sucesso', 'Imagem salva com sucesso!');
      resetEditor();
    } catch (e) {
      errorMessage.value = 'Erro ao salvar imagem: $e';
      Get.snackbar('Erro', errorMessage.value);
    } finally {
      isLoading.value = false;
    }
  }

  // Compartilhar imagem editada
  Future<void> shareEditedImage(Uint8List editedBytes) async {
    try {
      isLoading.value = true;
      await shareImageUseCase(editedBytes);
    } catch (e) {
      errorMessage.value = 'Erro ao compartilhar imagem: $e';
      Get.snackbar('Erro', errorMessage.value);
    } finally {
      isLoading.value = false;
    }
  }

  // Resetar editor
  void resetEditor() {
    imageBytes.value = null;
    isEditing.value = false;
    errorMessage.value = '';
  }

  // Voltar para a tela inicial
  void backToHome() {
    if (isEditing.value) {
      Get.dialog(
        AlertDialog(
          title: Text('Atenção'),
          content: Text(
              'Tem certeza que deseja sair? As alterações serão perdidas.'),
          actions: [
            TextButton(
              onPressed: () => Get.back(),
              child: Text('Cancelar'),
            ),
            TextButton(
              onPressed: () {
                Get.back();
                resetEditor();
              },
              child: Text('Sair'),
            ),
          ],
        ),
      );
    } else {
      resetEditor();
    }
  }
}

Sorry if it wasn’t clear, but from reading the documentation I understood that it’s a good idea to have a Navigator.pop at the end of onComplete, right? Do you have any other tips to make sure it doesn’t freeze or anything like that… basically to ensure a clean run?

[hm21]

When the progress spinner stays on forever, it usually means a crash has occurred. I can’t say exactly what the cause is, and since the code you posted depends on a lot of other things, I can’t directly reproduce the issue with just that snippet. Could you create a minimal example that includes only the image editor and the necessary config without other dependencies like GetX?

Sorry if it wasn’t clear, but from reading the documentation I understood that it’s a good idea to have a Navigator.pop at the end of onComplete, right?

Yes, by default it's best to call Navigator.pop(context) at the end of onImageEditingComplete. But if you want to control when the editor should close, for example, only if something was actually changed, you can use onCloseEditor instead.

FYI: In very old versions of the image editor, there was a bug where calling Navigator.pop also closed the progress dialog which also sometimes ended in infinity runs. That’s already fixed in the newer versions.