搜尋套件、儲存庫與 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

所屬分類

依賴

原始碼儲存庫

使用此套件的專案

暫無相關資料。