GeekyAnts / GaugesFlutter

A gauge package for Flutter that displays progress and can be customized for appearance and behavior.

Home Page:https://pub.dev/packages/geekyants_flutter_gauges

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[CustomLabels] : Custom Labels cut off on LinearGauge start and end labels

Afroz-Shaikh opened this issue · comments

BUG: Custom Labels cut off on LinearGauge start and end labels

Description: When Long Labels are passed some letters are not visible on the screen.

long-labels-Horizontal

Steps to Reproduce:

LinearGauge(
          start: 0,
          end: 100,
          customLabels: const [
            CustomRulerLabel(text: "Windows Laptop", value: 0),
            CustomRulerLabel(text: "Linux Laptop", value: 50),
            CustomRulerLabel(text: "Mac Laptop", value: 100),
          ],
          rulers: RulerStyle(rulerPosition: RulerPosition.bottom),
        ),

Environment:

Version : 0.1

Additonal Information

  • This issue occurs in Horizontal GaugeOrientations
  • The issue occurs consistently across different devices and browsers.

Here, I guess the width of the value is being considered instead of width of the text

increasing the value increases the start and end offset

Steps to Reproduce

customLabels: const [
            CustomRulerLabel(text: "Mac Laptop", value: 2000000000),
            CustomRulerLabel(text: "Linux Laptop", value: 4000000000),
          ],

Screenshot 2023-03-20 at 1 28 29 PM