insta_like_button

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

insta_like_button 패키지는 Flutter용 사용자 정의 가능한 카드 위젯을 제공하여 인스타그램 게시물 스타일을 모방하며, 개발자가 앱에 좋아요 및 댓글 상호작용을 쉽게 통합할 수 있도록 합니다. 부드러운 애니메이션, 사용자 정의 가능한 색상, 아이콘 및 텍스트를 지원하여 소셜 미디어 애플리케이션에 적합합니다. 이 위젯은 가볍고 Android, iOS, 웹, macOS, Windows, Linux 등 모든 주요 플랫폼에서 반응형으로 작동하도록 설계되었습니다. 간단한 API로 최소한의 설정으로 사용자 참여도를 높입니다.

사용 사례

소셜 미디어 앱 피드
사용자 상호작용 위젯
인스타그램 스타일의 포스트 카드
실시간 좋아요 카운터
인터랙티브 콘텐츠 디스플레이

주요 기능

인스타그램 스타일 디자인
사용자 정의 가능한 색상 및 아이콘
부드러운 애니메이션 효과
크로스 플랫폼 호환성
Flutter와의 간단한 통합
좋아요 및 댓글 작업 지원

적합한 대상

소셜 앱을 구축하는 플러터 개발자
네이티브처럼 보이는 UI 컴포넌트를 원하는 디자이너
인터랙티브한 포스트 카드가 필요한 앱
다중 플랫폼 대상 프로젝트
빠른 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,
  ),
),

분류, 패키지 및 저장소 검색

패키지 설치