为 flutter 制作的 Instagram 帖子风格按钮/卡片

Insta Like Button

为 flutter 制作的 Instagram 帖子风格按钮/卡片

安装

依赖它

将此添加到您的包的 pubspec.yaml 文件中

dependencies:
  insta_like_button: ^0.1.0

安装它

您可以从命令行安装包

$ flutter pub get
...

导入它

现在，在您的 Dart 代码中，您可以使用

import 'package:insta_like_button/insta_like_button.dart';

使用 & 概述

使用必需参数。

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

使用所有参数（自定义 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: 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,
  ),
),

GitHub

https://github.com/theiskaa/insta-like-button