Instagram post style button/card made for flutter

Last update: Mar 30, 2022

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

GitHub

https://github.com/theiskaa/insta-like-button
You might also like...

Flutter-business-card-app - Flutter + Dart business card mobile app

Flutter-business-card-app - Flutter + Dart business card mobile app

Dart + Flutter Business Card Mobile Application

Jan 9, 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

Feb 3, 2022

Business Card - Business Card App Built With Flutter

Business Card - Business Card App Built With Flutter

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

Apr 20, 2022

Nubank card animation - Nubank card animation built with flutter

Nubank card animation - Nubank card animation built with flutter

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

Jun 18, 2022

ID-Card - A Simple ID Card Project Using Flutter

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

Jan 26, 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

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

Jun 20, 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_

Jun 15, 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

Jun 17, 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

Dec 29, 2021

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

Dec 14, 2021

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

Jun 14, 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

Aug 11, 2021

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

May 10, 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 25, 2021

Related

Flutter 2.0 (Null safety) Snapping Modal Bottom Sheet made using sliding sheet package. 🔖
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

Sep 20, 2021
An elastic material bottom sheet implementation for Flutter.
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

Jun 20, 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

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

Mar 11, 2022
A simple Whatsapp redesign dark mode concept based on UI Gradient Post on Instagram.
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.

Mar 11, 2022
A simple calculator UI inspired by Daily UI post by @juliejamolo on Instagram.
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

May 2, 2022
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

Jun 3, 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

Jun 16, 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

Jun 21, 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

Jun 19, 2022