horizontal_compass 1.0.3

A customizable horizontal compass (like Skyrim's top bar navigation?), mostly to be used as a horizontal chart that can be looped infinitely.

example/lib/main.dart

import 'package:flutter/material.dart';

import 'package:horizontal_compass/horizontal_compass.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatefulWidget {
  const MyApp({super.key});

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: HorizontalCompass(
            value: 10,
            spacing: 10,
            height: 20,
            start: 0,
            end: 360,
            segments: {
              'segmentA': 30,
              'segmentB': 50,
              'segmentC': 120,
              'segmentD': 160,
            },
            colors: [
              Colors.blueAccent,
              Colors.deepPurpleAccent,
              Colors.orangeAccent,
              Colors.greenAccent,
            ],
          ),
        )
      ),
    );
  }
}