カテゴリー・パッケージ・リポジトリを検索

insta_like_button のカバー
パッケージ詳細v0.1.1

insta_like_button

Flutter用に作られたインスタグラム投稿スタイルのカスタマイズ可能なカードウィジェット

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
28
いいね数
43
Pub ポイント
160

パッケージをインストール

flutter pub add insta_like_button

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

insta_like_button パッケージは、Flutter用のカスタマイズ可能なカードウィジェットを提供し、Instagram投稿スタイルを模倣しています。これにより、開発者はアプリに「いいね」やコメントのインタラクションを簡単に統合できます。スムーズなアニメーション、カスタマイズ可能な色、アイコン、テキストをサポートしており、ソーシャルメディアアプリに最適です。このウィジェットは軽量で、Android、iOS、Web、macOS、Windows、Linuxなどすべての主要プラットフォームで応答性を備えています。シンプルなAPIにより、最小限のセットアップでユーザー参加度を高めます。

用途

  • ソーシャルメディアアプリフィード
  • ユーザーインタラクションウィジェット
  • Instagramスタイルのポストカード
  • リアルタイムのいいねカウンター
  • インタラクティブコンテンツディスプレイ

主な機能

  • Instagramを意識したデザイン
  • カスタマイズ可能な色とアイコン
  • スムーズなアニメーション効果
  • クロスプラットフォーム互換性
  • Flutter とのシンプルな統合
  • いいねとコメントの操作をサポート

適している対象

  • ソーシャルアプリを構築するFlutter開発者
  • ネイティブ風のUIコンポーネントを求めるデザイナー
  • インタラクティブなポストカードを必要とするアプリ
  • 複数のプラットフォームをターゲットにするプロジェクト
  • 迅速なUIの向上を求める開発者

注意事項

  • Flutter SDK 2.0 以上が必要です
  • 基本的なインタラクションパターンに限定
  • バックエンド同期用に追加のロジックが必要になる可能性があります
  • いいね/コメントを超える複雑なソーシャル機能には適していません

元の README

関連するソースリポジトリの 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

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

カテゴリー

ソースリポジトリ

このパッケージを使用しているプロジェクト

データはまだありません。