animating_location_pin

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

The animating_location_pin package provides a Flutter widget that visually represents a device's current location with an animated pin. It is designed to enhance the user experience during location fetching by displaying a smooth, dynamic pin movement on a map. The widget is lightweight and integrates easily into geolocation-based applications, offering real-time visual feedback as the location updates. Ideal for apps requiring intuitive location tracking, such as ride-sharing, navigation, or delivery services.

Use cases

Real-time location tracking
Map-based navigation apps
Ride-sharing applications
Delivery tracking interfaces
Location-aware dashboards

Key features

Animated location pin
Smooth pin movement
Easy integration with maps
Lightweight and efficient
Visual feedback during location updates

Suitable for

Developers building map-integrated apps
Apps requiring real-time location visualization
Flutter projects with geolocation features
UX-focused location tracking implementations
Simple and clean location pin animations

Considerations

Requires a map widget for display
Limited customization options
No offline support
Depends on accurate location data
Not suitable for complex pin interactions

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

Animating Location Pin

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

💻 Installation

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

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