Animating Location Pin Flutter Package

Overview

Animating Location Pin GitHub stars Twitter Follow GitHub last commit Website shields.ioOpen Source Love

This Flutter package provides a Animating Location Pin Widget which can be used while fetching device location.

PieChart

πŸ’» Installation

In the dependencies: section of your pubspec.yaml, add the following line:

Version

dependencies:
  animating_location_pin: <latest version>

❔ Usage

Import this class

import 'package:animating_location_pin/animating_location_pin.dart';

Add

Adding this widget is simple. Just directly use its instance for default configuration

Container(
  child: AnimatingLocationPin(),
)

Full Implementation

AnimatingLocationPin(
  pinAsset: 'assets/images/pin.png',
  shadowAsset: 'assets/images/shadow.png',
  shadowSizeFactor: 0.4,
  duration: Duration(milliseconds: 500),
  pinJumpHeight: 44.0,
  pinSize: 70.0,
),

Assets used are

Note

  • Although this animation can be achieved easily with Flare Animation, but this widget involves a good learning to coding such animation manually in flutter

⭐ My Flutter Packages

  • pie_chart GitHub stars Flutter Pie Chart with cool animation.
  • avatar_glow GitHub stars Flutter Avatar Glow Widget with glowing animation.
  • search_widget GitHub stars Flutter Search Widget for selecting an option from list.

⭐ My Flutter Apps

πŸ‘ Contribution

  1. Fork it
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -m 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create new Pull Request
You might also like...

A Flutter data visualization library based on Grammar of Graphics.

A Flutter data visualization library based on Grammar of Graphics.

Graphic is now under a total refactoring. The prior available version code is here: v0.3.0 . A Flutter data visualization library based on Grammar of

Jan 3, 2023

Flutter cryptocurrency UI dashboard.

Flutter cryptocurrency UI dashboard.

πŸ”₯ πŸ”₯ Crypto Dashboard Flutter UI Kit πŸ”₯ πŸ”₯ πŸ’« ⭐️ ⭐️ πŸ‘¨β€πŸ’» Free Flutter UI Kits based on designs on UpLabs πŸ’“ . Watch Youtube Speed code Tutorial Here

Nov 20, 2022

A scrollable time chart in Flutter.

A scrollable time chart in Flutter.

time_chart An amazing time chart in Flutter. Chart Types TimeChart AmountChart Getting Started 1 - Depend on it Add it to your package's pubspec.yaml

Oct 28, 2022

[reborned barcode_scan] A flutter plugin for reading 2D barcodes and QR codes.

Reborned πŸŽ‰ Original barcode_scan was discontinued, so barcode_scan2 was borned with sound null safety support πŸŽ‰ barcode_scan2 A flutter plugin for s

Jan 6, 2023

A library to draw fantastic bar charts race in Flutter

A library to draw fantastic bar charts race in Flutter

bar_chart_race The first library to draw fantastic bar charts race in Flutter Usage Let's get started add the dependencies to your app: dependencies:

Jun 24, 2022

This project is used to introduce the use of flutter canvas, include draw chart, clip image's path and draw progress indicator.

This project is used to introduce the use of flutter canvas, include draw chart, clip image's path and draw progress indicator.

flutter_canvas This project is used to introduce the use of flutter canvas, include draw chart, clip image's path and draw progress indicator. draw ch

Oct 27, 2022

Maybe this is the best k chart in Flutter.Support drag,scale,long press,fling.And easy to use.

Maybe this is the best k chart in Flutter.Support drag,scale,long press,fling.And easy to use.

k_chart Maybe this is the best k chart in Flutter.Support drag,scale,long press,fling.And easy to use. display image gif Getting Started Install depen

Jan 9, 2023

Sleek circular slider for Flutter

Sleek circular slider for Flutter

Sleek circular slider/progress bar & spinner for Flutter A highly customizable circular slider/progress bar & spinner for Flutter. Getting Started Ins

Dec 16, 2022

MPAndroidChart Flutter version

MPAndroidChart Flutter version

MPFlutterChart flutter charts just like MPAndroidChart The minimum version currently supported is 1.7.3. If you use flutter with lower version, checko

Dec 21, 2022
Comments
  • [ImgBot] Optimize images

    [ImgBot] Optimize images

    Beep boop. Your images are optimized!

    Your image file size has been reduced by 49% πŸŽ‰

    Details

    | File | Before | After | Percent reduction | |:--|:--|:--|:--| | /src/pin.png | 42.75kb | 18.83kb | 55.97% | | /assets/images/pin.png | 42.75kb | 18.83kb | 55.97% | | /src/shadow.png | 132.91kb | 68.01kb | 48.83% | | /assets/images/shadow.png | 132.91kb | 68.01kb | 48.83% | | /example/ios/Runner/Assets.xcassets/AppIcon.appiconset/[email protected] | 10.85kb | 10.68kb | 1.62% | | | | | | | Total : | 362.17kb | 184.34kb | 49.10% |


    πŸ“docs | :octocat: repo | πŸ™‹issues | πŸ…swag | πŸͺmarketplace

    opened by imgbot[bot] 0
Owner
Ayush P Gupta
Flutter || Node || Vue || Typescript
Ayush P Gupta
Flutter package for creating simple yet modern looking charts

A package for creating simple yet modern looking charts. Five chart types Bar Gauge Line Pie Radar Canvas + DOM modern_charts combines Canvas and DOM

Man Hoang 68 Nov 4, 2022
A pretty plotting package for Flutter apps

flutter_plot R. C. Howell - 2018 A pretty plotting package for Flutter apps. Sizing and autopadding isn't great right now, but tinkering with padding

R. C. Howell 47 Sep 27, 2022
Sliver bar chart - A package that supports Bar Chart in a Flutter Sliver

Sliver bar chart - A package that supports Bar Chart in a Flutter Sliver. This Package allows us to add Bar Chart in Sliver and sets a Bar Chart as a Header on Slivers Scroll.

MindInventory 19 Oct 11, 2022
Charts Library for Flutter, written in Dart with Flutter.

Table of Contents New in the current release Illustration of the new "iterative auto layout" feature Autolayout step 1 Autolayout step 2 Autolayout st

Milan Zimmermann 225 Dec 25, 2022
Animated radial and pie charts for Flutter

Flutter Circular Chart A library for creating animated circular chart widgets with Flutter, inspired by Zero to One with Flutter. Overview Create easi

Victor Choueiri 387 Dec 26, 2022
Beautiful sparkline charts for Flutter

flutter_sparkline Beautiful sparkline charts for Flutter. Installation Install the latest version from pub. Quick Start Import the package, create a S

Victor Choueiri 255 Dec 21, 2022
Elegant OHLC Candlestick and Trade Volume charts for @Flutter

flutter_candlesticks Elegant OHLC Candlestick and Trade Volume charts for Flutter Usage Install for Flutter with pub. Property Description data Requir

Trent Piercy 402 Dec 21, 2022
A powerful Flutter chart library, currently supporting Line Chart, Bar Chart, Pie Chart, Scatter Chart and Radar Chart.

FL Chart ?? A library to draw fantastic charts in Flutter ?? Chart Types LineChart BarChart PieChart Read More Read More Read More ScatterChart RadarC

Iman khoshabi 5.2k Dec 27, 2022
A beautiful bezier line chart widget for flutter that is highly interactive and configurable.

Bezier Chart A beautiful bezier line chart widget for flutter that is highly interactive and configurable. Features Multi bezier lines Allow numbers a

Aeyrium 428 Dec 21, 2022
A Flutter widget to use Apache ECharts (incubating) in a reactive way.

δΈ­ζ–‡ [![pub](https://img.shields.io/pub/v/flutter_echarts.svg)](https://pub.dev/packages/flutter_echarts) A Flutter widget to use Apache ECharts in a re

LIN Chen 629 Dec 29, 2022