An instrument-grade navigation panel that combines a large, legible compass dial with fine tick marks, bold cardinals, and a central live degree readout. A dotted alignment guide points toward North, while bottom info cards surface latitude/longitude and altitude at a glance. Built for outdoor reliability: smooth animations, sensor fusion, and accessibility-first typography.
Functionality
-
Real-time heading 0–360° with optional True vs. Magnetic North, tilt compensation, and smoothing.
-
Sensor fusion (magnetometer + accelerometer + gyroscope) for stable, low-latency readings.
-
Location services: GPS/AGPS with accuracy meter, permission flow, auto-retry, and offline fallback.
-
Coordinate formats: DD / DMS / UTM; copy/share to clipboard; reverse-geocode label (optional).
-
Elevation from GNSS/barometer; units toggle m/ft; degree units °/mils.
-
Waypoint mode: set target, show bearing to target and delta heading with color cues.
-
Calibration helper and hard-iron warning; haptic ticks and optional voice prompts.
-
Theming & UX: light/dark mode, accent colors, large numerals, screen-reader labels, RTL & reduce-motion support.
-
Performance/battery controls: update rate, pause in background, sensor throttling.
Use cases
-
Hiking/trekking, trail running, and backcountry navigation.
-
Geocaching, field surveys, and site inspections.
-
Boating/sailing, off-road and overland orientation.
-
Drone/RC heading checks and waypoint alignment.
-
Emergency & search operations requiring fast, legible bearings.
-
Classroom demos of azimuth, bearings, and geodesy basics.
Keywords
compass, heading, bearing, azimuth, magnetic north, true north, tilt compensation, sensor fusion, GPS, latitude, longitude, coordinates, elevation, altimeter, waypoint, geocaching, accuracy, calibration, haptic feedback, accessibility, dark mode, outdoor navigation, Flutter widget, FlutterFlow component, high performance.
Smooth Compass Widget V2
- Fixed price & scope
- Pixel-perfect UI/UX
- App Store & Google Play submission
You may only use this template for one project. For more details, please read the Marketplace Terms of Service.