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,
  ),
),

搜索分类、插件与代码仓

安装插件