Image Collage Widget

A flutter package for creating photo collages in your applications.

Preview

image image image

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 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"/>
    
  • 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: ^0.2.7
  • flutter_bloc: ^0.9.0
  • flutter_file_manager: ^0.0.6
  • permission_handler: ^3.0.0
  • image_picker: ^0.5.0+9
  • equatable: ^0.2.3

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.

Libraries

CollageType
KeyUtils
bloc
collage_bloc
collage_event
collage_state
image_collage_widget
images
permission_type
row_widget

Dart

VM

dart:ffi
Foreign Function Interface for interoperability with the C programming language. [...]

Web

dart:html
HTML elements and other resources for web-based applications that need to interact with the browser and the DOM (Document Object Model). [...]
dart:js
Low-level support for interoperating with JavaScript. [...]
dart:js_util
Utility methods to efficiently manipulate typed JSInterop objects in cases where the name to call is not known at runtime. You should only use these methods when the same effect cannot be achieved with @JS annotations. These methods would be extension methods on JSObject if Dart supported extension methods.