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 sales@mindinventory.com And do let us know if you have any questions or suggestion regarding our work.