FLUTTER ECOSYSTEM

theiskaa/insta-like-button

Instagram投稿スタイルのカスタマイズ可能なカードウィジェット、デフォルトのいいね機能付き

insta-like-button のプロジェクト画像
Stars
15
Forks
2
最終プッシュ(UTC)
2021/08/19
プロジェクト状態
公開中
Ismael GitHub avatar
GITHUB User

Ismael ↗

Libertas aut mors

@tnet-organizationGeorgia
言語Dart

技術トピック

このリポジトリが公開するパッケージ

使用している依存関係

依存関係一覧 2 件
  • flutter{"sdk":"flutter"}
  • flutter_test開発用{"sdk":"flutter"}

元の README

以下は英語原文のスナップショットです。最新版は GitHub をご覧ください。

README を開く / 閉じる

Insta Like Button

License: MIT License: MIT

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

https://raw.githubusercontent.com/theiskaa/insta-like-button/develop/example/overview/overview.gif
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,
  ),
),