insta_like_button

套件介紹

根據套件公開資料產生的選型評估，僅供參考。

insta_like_button 套件提供了一個可自訂的卡片組件，適用於 Flutter，模擬 Instagram 帖文風格，讓開發者能輕鬆將按讚與留言互動整合至應用程式中。支援平滑動畫、可自訂的顏色、圖示與文字，非常適合社交媒體應用。此組件設計輕巧且跨所有主要平台具備響應式特性，包含 Android、iOS、Web、macOS、Windows 與 Linux。透過簡單的 API，僅需少量設定即可提升使用者參與度。

適用情境

社群媒體應用動態
使用者互動小部件
Instagram風格的貼文卡片
即時按讚計數器
互動式內容顯示

主要特色

Instagram風格設計
可自定義的顏色和圖示
流暢的動畫效果
跨平台相容性
與 Flutter 的簡單整合
支援按讚和留言動作

適合對象

Flutter 開發人員建構社交應用
希望擁有原生介面元件的設計師
需要互動式明信片的應用
針對多個平台的專案
尋求快速UI增強的開發人員

使用建議

需要 Flutter SDK 2.0 或更高版本
僅限基本互動模式
可能需要額外的邏輯來同步後端
不適合用於點讚/評論以外的複雜社交功能

原始 README

以下為關聯原始碼儲存庫的 README 原文快照，最新內容請造訪原始碼儲存庫。

Insta Like Button

Installing

Depend on it

Add this to your package's pubspec.yaml file:

dependencies:
  insta_like_button: ^0.1.1

Install it

You can install packages from the command line:

$ flutter pub get
...

Import it

Now in your Dart code, you can use:

import 'package:insta_like_button/insta_like_button.dart';

Usage & Overview

With required parameters.

InstaLikeButton(
  image: AssetImage("example/overview/img.jpg"),
  onChanged: () {
    // Do something...
  },
),

With all parameters (Customized InstaLikeButton).

InstaLikeButton(
  image: NetworkImage("https://picsum.photos/200/300"),
  onChanged: () {
    // Do something...
  },
  icon: Icons.favorite_border,
  iconSize: 80,
  iconColor: Colors.red,
  curve: Curves.fastLinearToSlowEaseIn,
  height: 200,
  width: MediaQuery.of(context).size.width - 20,
  duration: const Duration(seconds: 1),
  onImageError: (e, _) {
    // Do something...
  },
  imageAlignment: Alignment.topLeft,
  imageBoxfit: BoxFit.fill,
  imageScale: 2.0,
  imageColorFilter: ColorFilter.mode(
    Colors.black.withOpacity(0.5),
    BlendMode.dstATop,
  ),
),

搜尋分類、套件與程式碼儲存庫

安裝套件