How to use the Simple Dialog widget

Question

I'm trying to use a SimpleDialog to select an image from Gallery or Camera but I'm getting the run error type 'SimpleDialog' is not a subtype of type '(() => void)?' This is my function to call the dialog box

selectImage(context) {
     {
      return SimpleDialog(
        title: Text("Upload Image"),
        children: [
          SimpleDialogOption(
            child: Text("Take Photo"),
            onPressed: handleTakePhoto,
          ),
          SimpleDialogOption(
            child: Text("Upload From Gallery"),
            onPressed: handleChooseFromGallery,
          ),
          SimpleDialogOption(
            onPressed: () => Navigator.pop(context),
            child: Center(
              child: Text("Cancel"),
            ),
          ),
        ],
      );
    }
  }

My handleTakePhoto and handleChooseFromGallery functions are as

handleTakePhoto() async {
    Navigator.pop(context);
    File file = (await ImagePicker().getImage(
      source: ImageSource.camera,
      maxHeight: 675.0,
      maxWidth: 960,
      // imageQuality: 50, //TODO: Look into this
    )) as File;
    setState(() {
      this.file = file;
    });
  }

  handleChooseFromGallery() async {
    Navigator.pop(context);
    File file = (await ImagePicker().getImage(
        source: ImageSource.gallery,
        maxWidth: 960,
        maxHeight: 675,
        preferredCameraDevice: CameraDevice.rear)) as File;
    setState(() {
      this.file = file;
    });
  }

Where have I gone wrong?

user_9680619 · Answer

try to this way implement third dialog

 SimpleDialogOption(
        onPressed: () { Navigator.pop(context) },
        child: Center(
          child: Text("Cancel"),
        ),
      ),

user_5106574 · Answer

SimpleDialog needs to be wrap inside showDialog, to get it displayed

Future selectImage() async {
    await showDialog(
        context: context,
        builder: (BuildContext context) {
          return SimpleDialog(
            title: Text("Upload Image"),
            children: [
              SimpleDialogOption(
                child: Text("Take Photo"),
                onPressed: handleTakePhoto,
              ),
              SimpleDialogOption(
                child: Text("Upload From Gallery"),
                onPressed: handleChooseFromGallery,
              ),
              SimpleDialogOption(
                onPressed: () => Navigator.pop(context),
                child: Center(
                  child: Text("Cancel"),
                ),
              ),
            ],
          );
        });
  }

Output:

How to use the Simple Dialog widget

2 Answers