搜索插件、代码仓与 APP 分类

image_collage_widget 封面
插件详情v1.1.0

image_collage_widget

一个 Flutter 包,可让您创建 11 种不同类型的现代照片拼贴,支持从相册中选择图片或使用相机拍摄新照片。

AndroidiOSWindows
近 30 天下载
43
喜欢数
69
Pub 分数
140

安装插件

flutter pub add image_collage_widget

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

image_collage_widget 包使 Flutter 开发者能够在其应用中创建 11 种现代且可自定义的照片拼贴。它支持从设备相册中选择图片,或使用相机拍摄新图片。专为跨平台设计,可在 Android、iOS 和 Windows 上无缝运行。该包简化了视觉吸引力强的拼贴布局集成,非常适合用于社交媒体分享、照片编辑工具或个人相册功能。通过简洁的 API 和响应式设计,它通过动态图像排列增强了用户交互体验。

适合场景

  • 社交媒体应用照片分享
  • 照片编辑应用
  • 个人数字相册
  • 事件记忆拼贴
  • 用户生成内容平台

主要特点

  • 11 种预设拼贴布局
  • 从相册中选择图片
  • 新照片的相机集成
  • 跨平台支持(Android、iOS、Windows)
  • 可自定义的拼贴外观
  • 易于使用的 Flutter 小部件

适合对象

  • 开发以照片为中心的应用程序的开发者
  • 需要视觉内容聚合的应用程序
  • 具有图像布局需求的创意工具
  • 以移动设备为先的应用程序,带有图像工作流程

使用建议

  • 需要适当的相机和存储访问权限
  • 可能会影响大型图像集的性能
  • 限于预设的拼贴模板
  • 最适合专注于图像展示而非复杂编辑的应用程序

原始 README

以下为关联源码仓库的 README 原文快照,最新内容请访问源码仓库。

image_collage_widget

Flutter Website Dart Website MIT License

A flutter package for creating photo collages in your applications.

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.

Preview

image image image

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

Guideline for contributors

  • Contribution towards our repository is always welcome, we request contributors to create a pull request for development.

Guideline to report an issue/feature request

It would be great for us if the reporter can share the below things to understand the root cause of the issue.

  • Library version
  • Code snippet
  • Logs if applicable
  • Device specification like (Manufacturer, OS version, etc)
  • Screenshot/video with steps to reproduce the issue
  • Library used

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 open-source libraries. Just send an email to [sales@mindinventory.com](mailto:sales@mindinventory.com) And do let us know if you have any questions or suggestion regarding our work.

Visit our website mindinventory.com.

Let us know if you are interested to building Apps or Designing Products.

flutter app development

所属分类

依赖

源码仓库

使用此插件的项目

暂无相关数据。