Instagram post style button/card made for flutter

Overview

Insta Like Button

Package Version LICENSE


Installing

Depend on it

Add this to your package's pubspec.yaml file:

dependencies:
  insta_like_button: ^0.1.0

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: 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,
  ),
),
You might also like...

Instagram-clone - Instagram clone built using flutter and Firebase

Instagram-clone - Instagram clone built using flutter and Firebase

Instagram-clone statistics of Firebase usage User Authentication for Instagram l

Jul 18, 2022

Flutter page widget that is dismissed by swipe gestures, with Hero style animations, Inspired by Facebook and Instagram stories.

Flutter page widget that is dismissed by swipe gestures, with Hero style animations, Inspired by Facebook and Instagram stories.

dismissible_page 🔥 🚀 Creates page that is dismissed by swipe gestures, with Hero style animations, Inspired by FB, IG stories. Live Demo Contents Su

Nov 13, 2022

An Instagram like text editor Flutter widget that helps you to change your text style.

An Instagram like text editor Flutter widget that helps you to change your text style.

TextEditor An instagram like text editor widget for flutter Show some ❤️ and star the repo to support the project Features Edit TextStyle object font

Nov 27, 2022

Create bulk instagram quotes posts with custom background, style, font, size. built using flutter

Create bulk instagram quotes posts with custom background, style, font, size. built using flutter

Mini Canva minicanva.com Bulk Image Generator from given list of quotes, lines 🌈 Purpose Etsy is an E-commerce platform where we can sell digital goo

Oct 29, 2022

Flutter Triple Status Button can use toggle button but in three statuses.

Flutter Triple Status Button can use toggle button but in three statuses.

triple_status_button Triple Status Button. Flutter Triple Status Button can use toggle button but in three statuses. Property Description height heigh

Nov 13, 2021

Like Button is a flutter library that allows you to create a button with animation effects similar to Twitter's heart when you like something and animation effects to increase like count.

Like Button is a flutter library that allows you to create a button with animation effects similar to Twitter's heart when you like something and animation effects to increase like count.

like_button Language: English | 中文简体 Like Button is a flutter library that allows you to create a button with animation effects similar to Twitter's h

Nov 24, 2022

Flutter reaction button plugin it is fully customizable widget such as Facebook reaction button

Flutter reaction button plugin it is fully customizable widget such as Facebook reaction button

Flutter Reaction Button Flutter button reaction it is fully customizable widget such as Facebook reaction button. Preview Demo Usage Include 'flutter_

Nov 23, 2022

Progress State Button - A customizable progress button for Flutter

Progress State Button - A customizable progress button for Flutter

Progress State Button - A customizable progress button for Flutter

Nov 7, 2022

Neumorphic style - Example app with Flutter that displays a neumorphic style container

Neumorphic style - Example app with Flutter that displays a neumorphic style container

Flutter Neumorphic Style Example App Example app with Flutter that displays a ne

Mar 24, 2022

A button that looks like a Cupertino text button

A button that looks like a Cupertino text button

Cupertino Text Button A button that looks like a Cupertino text button! Text Button A simple text button can be created like this: CupertinoTextButton

Nov 24, 2022

Swipeable button view - Create Ripple Animated Pages With Swipeable Button View

Swipeable button view - Create Ripple Animated Pages With Swipeable Button View

swipeable_button_view You can create ripple animated pages with swipeable_button

Apr 22, 2022

A Flutter application that allows users to post with full authentication

A Flutter application that allows users to post with full authentication

familicious_app A Flutter application that allows users to post with full authentication This project was built during a training session and improved

Oct 31, 2022

A Food App using Flutter & Firebase to post and view food blogs along with their recipes.

A Food App using Flutter & Firebase to post and view food blogs along with their recipes.

A Food App using Flutter 💕 & Firebase 🔥 About the App 🥘 FoodLab is a App to post and view food blogs along with their recipes if you want 🤤 ! Logi

Nov 25, 2022

App movil desarrollada en Flutter con manejo de GET POST UPDATE DELETE ,,etc con Firebase

productos_app Requerimientos : tener instalado extension de dart y flutter Emulador de android o dispositivo fisico /IOS Emulador Ejecutar : flutter r

Dec 10, 2021

This is a simple post application by flutter + firebase

This is a simple post application by flutter + firebase

nippo(iroly) 毎日の活動に色をつけていく、日報投稿型のSNS(仮) Flutter(Dart2.8) + Firebase Flutter学習用のプロジェクト 目的 基本的なWidgetの使い方、API(外部データ)連携、webviewや外部ブラウザ起動、sharedpreference

Mar 24, 2022

Post and listen to music/recordings uploaded by other users. :tada:

Post and listen to music/recordings uploaded by other users. :tada:

An Audio App Post and listen to music/recordings uploaded by other user . Tech used - Flutter , Firebase Features Signup/Login Upload or Play audio Li

Nov 11, 2022

Platform to post/say something without sharing personal information.

Platform to post/say something without sharing personal information.

Anon is an Open Source Application where it's users will be able to share their thoughts without their identity being revealed i.e Anonymous. When the

Sep 13, 2022

JSON formatted API Get, Patch, Put, Post, Delete methods implemented as a dummy.

json_api_handle A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started

Nov 13, 2022
Owner
Ismael Shakverdiev
Self-taught Developer | Design and Programming enthusiasts.
Ismael Shakverdiev
Flutter 2.0 (Null safety) Snapping Modal Bottom Sheet made using sliding sheet package. 🔖

Snapping Modal Bottom Sheet Developement Stack Getting Started This project is a starting point for a Flutter application. A few resources to get you

Nakshatra Singh 3 Sep 20, 2021
An elastic material bottom sheet implementation for Flutter.

An elastic material bottom sheet implementation for Flutter. This is still an early preview, some behaviors can change or being removed. Every feedbac

Mattia Crovero 483 Nov 28, 2022
Flutter Duration Button - Create auto-click button likes Netflix's Skip Intro button in Flutter

Flutter Duration Button - Create auto-click button likes Netflix's Skip Intro button in Flutter

Kim Seung Hwan 6 Mar 11, 2022
A simple Whatsapp redesign dark mode concept based on UI Gradient Post on Instagram.

whatsapp_ui A simple Whatsapp redesign dark mode concept based on UI Gradient Post on Instagram.

António Pedro 10 Nov 29, 2022
A simple calculator UI inspired by Daily UI post by @juliejamolo on Instagram.

Calculator UI A simple calculator UI inspired by Daily UI post by @juliejamolo on Instagram. Just thought why not making it into an app? So, just buil

Sreelal TS 4 May 2, 2022
Flutter-business-card-app - Flutter + Dart business card mobile app

Dart + Flutter Business Card Mobile Application

Mark Hellner 1 Nov 8, 2022
An application built using Flutter that holds a static personal/professional informations related to me in the form of card.(Digital Visiting Card)

mi_card_flutter A new Flutter application. Getting Started This project is a starting point for a Flutter application. A few resources to get you star

dev_allauddin 3 Feb 3, 2022
Business Card - Business Card App Built With Flutter

Business Card app. Basic single page app with functionality. For now you can cha

buraktaha 5 Apr 20, 2022
Nubank card animation - Nubank card animation built with flutter

Nubank card animation Project | Technologies | How to run | How to contribute ??

Lucas da Silva Barbosa 8 Nov 6, 2022
ID-Card - A Simple ID Card Project Using Flutter

ID-CARD A new Flutter project.A simple demonstration of my time in the Dart lang

edwromero 0 Jan 26, 2022