37

Image Collage Widget

 4 years ago
source link: https://www.tuicool.com/articles/MfAZjqA
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

Image Collage Widget

A flutter package for creating photo collages in your applications.

Preview

maiYzaq.png!webA3aMVjy.png!webQvYbUfZ.png!web

Key Features

permissions

Usage

  • Step 1:- 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 2:- Prepare Info.plist

    <key>NSPhotoLibraryUsageDescription</key>
        <string>Need to access photo library</string>
        <key>NSCameraUsageDescription</key>
        <string>To upload your picture</string>
  • Step 3:- To use this package, add image_collage_widget as a dependency in your pubspec.yaml file .

    dependencies:
          ...
          image_collage_widget: ^0.0.2
  • 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 [email protected] And do let us know if you have any questions or suggestion regarding our work.


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK