Home > database >  How to preview picked image on Flutter
How to preview picked image on Flutter

Time:08-24

how to preview an image is to be chosen from gallery or camera in flutter with the new version of image_picker where

PickedFile image = await _picker.getImage(...)

is replace with

final XFile? photo = await _picker.pickImage(source: ImageSource.camera);

so photo must be displayed when it is selected properly

CodePudding user response:

You can do it by using dialog in flutter.

Here is how I dealt with it.

onLongPress: () {
        showDialog(
          context: context,
          builder: (ctx) {
            final width = ctx.getWidth(1);
            final height = ctx.getHeight(1);
            return AlertDialog(
              content: Stack(
                children: [
                  SizedBox(
                    width: width * 0.9,
                    height: height * 0.7,
                    child: Image.network(
                      food.imageUrl,
                      fit: BoxFit.fill,
                    ),
                  ),
                  GestureDetector(
                    onTap: () => Navigator.pop(context),
                    child: Padding(
                      padding: const EdgeInsets.all(3.0),
                      child: Container(
                        decoration: BoxDecoration(
                            color: Colors.black.withOpacity(0.5),
                            shape: BoxShape.circle),
                        child: Icon(
                          CupertinoIcons.xmark_circle,
                          color: Colors.white.withOpacity(0.9),
                          size: 40,
                        ),
                      ),
                    ),
                  )
                ],
              ),
              insetPadding: EdgeInsets.zero,
              contentPadding: EdgeInsets.zero,
              clipBehavior: Clip.antiAliasWithSaveLayer,
            );
          },
        );
      },

CodePudding user response:

You can preview image which you select from gallery or camera as below :

Image.file(
        File("file path will be here"), // You can access it with . operator and path property
        fit: BoxFit.cover,
    )

CodePudding user response:

convert to file:

File newPhoto = File(photo.path);

Use:

Image.file(newPhoto);
  • Related