mindinventory/image-collage-widget

Widget to create collages

Image Collage Widget

A flutter package for creating photo collages in your applications.

Preview

Key Features

• Create 11 different type of collages.
• Start with or without images from gallery preloaded (Only for Android).
• Allow user to add or remove photo into collage.
• User can update images from gallery/camera.
• Don't worry about permissions, we handled it.

Usage

• Step 1:- To use this package, add image_collage_widget as a dependency in your pubspec.yaml file.

      dependencies:
        ...
        image_collage_widget: ^1.0.6

• Step 2:- Prepare AndroidManifest.xml

   <uses-permission android:name="android.permission.CAMERA"/>
   <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
   <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
   <uses-feature android:name="android.hardware.camera" />
  
   <!-- Devices running Android 13 (API level 33) or higher -->
   <uses-permission android:name="android.permission.READ_MEDIA_IMAGES" />
   <uses-permission android:name="android.permission.READ_MEDIA_VIDEO" />
  
   <!-- To handle the reselection within the app on devices running Android 14
        or higher if your app targets Android 14 (API level 34) or higher.  -->
   <uses-permission android:name="android.permission.READ_MEDIA_VISUAL_USER_SELECTED" />
  
  

  • Step 3:- Prepare Info.plist

        <key>NSPhotoLibraryUsageDescription</key>
        <string>Need to access photo library</string>
        <key>NSCameraUsageDescription</key>
        <string>To upload your picture</string>
    

    • Step 4:- Add ImageCollageWidget in your dart file

            import 'package:image_collage_widget/image_collage_widget.dart';
            import 'package:image_collage_widget/utils/collage_type.dart';
        
            ...
        
         /// @param withImage:- If withImage = true, It will load image from given {filePath (default = "Camera")}
         /// @param collageType:- CollageType.CenterBig
      
                 child: ImageCollageWidget(
                   collageType: widget.collageType,
                   withImage: true,
                   filePath: _directory?.path?.toString(),
                 ),
      
      

Dependencies

• flutter_staggered_grid_view
• flutter_bloc
• flutter_file_manager
• permission_handler
• image_picker
• equatable

LICENSE!

Image Collage Widget is MIT-licensed.

Let us know!

We’d be really happy if you send us links to your projects where you use our component. Just send an email to [email protected] And do let us know if you have any questions or suggestion regarding our work.

image-collage-widget's Issues

Is this package abandoned?

Is this package abandoned? Any updates?

Set height of image_collage_widget

Hi team,
How can i set the fix height of image_collage_widget, and items is scale to small to fit the sizebox?
Currently, it is scrolled
Thanks

don't support null safety

Error: Cannot run with sound null safety, because the following dependencies
don't support null safety:

• package:image_collage_widget
• package:flutter_bloc
• package:flutter_staggered_grid_view
• package:plugin_platform_interface
• package:bloc
• package:provider
• package:flutter_file_manager
• package:image_picker
• package:permission_handler
• package:equatable
• package:image_picker_platform_interface
• package:rxdart

Passed the custom array image

Hi everyone,
I am using this library, it is so pretty and useful for me.
Now i dont know how to passed the my custom array image to this library
(means without the select image from "plus" button
Hope everyone help me
Thanks

Permission Issue on ios

opening on very first time on ios device it gives this exception, without asking any permission.
[VERBOSE-2:ui_dart_state.cc(198)] Unhandled Exception: PlatformException(PERMISSION_DISABLED, Camera data is not available on device, null, null)
#0 Permissions.permissionDisabledMessage (package:image_collage_widget/utils/permissions.dart:83:5)
#1 Permissions._handleInvalidPermissions (package:image_collage_widget/utils/permissions.dart:70:11)

showSnackBar

pub.dev/image_collage_widget-1.0.3/lib/blocs/collage_bloc.dart:219:26: Error: The method 'showSnackBar' isn't defined for the class 'ScaffoldState'.

• 'ScaffoldState' is from 'package:flutter/src/material/scaffold.dart'

Custom layouts

Release Updated Version

Please release an updated version on the plugin as this doesn't work for the present flutter version.