Skip to content

apgapg/animating_location_pin

Repository files navigation

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