CircularPercentIndicator mit dynamischem Wert

Attentäter

Ich versuche, CircularPercentIndicator mit einem dynmaischen Wert anzuzeigen. Ich erhalte einen Wert aus einem API-Beispiel wie "12.7". Ich kann dies in Text Child von CircularPercentIndicator zeigen, aber ich muss die Farbe von CircularPercentIndicator gemäß "12.7" anzeigen. Ich kann nur einen doppelten Wert übergeben . Ich benutze Prozent_Indikator

           Padding(
                      padding: const EdgeInsets.only(top: 25),
                      child: CircularPercentIndicator(
                        radius: 55.0,
                        lineWidth: 8.0,
                        animation: true,
                        percent: 0.7,
                        center: new Text(
                           data.percentage + "%",,
                          style: new TextStyle(
                              fontWeight: FontWeight.bold,
                              fontSize: 11.0),
                        ),
                        circularStrokeCap: CircularStrokeCap.round,
                        progressColor: Colors.green[700],
                      ),
                    )
Alok

Wenn ich Ihr Problem gut verstehe, ist das Problem

Sie können nicht den richtigen Prozentsatz auf dem CircularPercentIndicatoranzeigen, aber Sie können den Text für dieses Widget anzeigen

Wenn dies der Fall ist, glaube ich, dass Sie nach dem Lesen der Dokumentation und dem Betrachten Ihres Codes den Prozentsatz als genau schreiben 0.7und an diesen weitergeben, percentder sich um Ihre Farbe des Fortschritts kümmert, und nicht der Wert, der von der API kommt.

Um es dynamisch zu machen, verwenden Sie data.percentagenur Ihre , was meiner Meinung nach auch die Daten in Ihrem Text anzeigt.

Um die Daten als percentas double zu übergeben, können Sie die Daten als verwendendouble.parse(any_value)

Ich gehe davon aus, dass das data.percentageUpdate nur von Ihrer Methode durchgeführt wird

Code

                    Padding(
                      padding: const EdgeInsets.only(top: 25),
                      child: CircularPercentIndicator(
                        radius: 55.0,
                        lineWidth: 8.0,
                        animation: true,
                        percent: double.parse(data.percentage) / 100, // here we're using the percentage to be in sync with the color of the text
                        center: new Text(
                           data.percentage + "%",,
                          style: new TextStyle(
                              fontWeight: FontWeight.bold,
                              fontSize: 11.0),
                        ),
                        circularStrokeCap: CircularStrokeCap.round,
                        progressColor: Colors.green[700],
                      )
                    )

Um mehr darüber zu erfahren, wie Sie die Zeichenfolgendaten in double umwandeln können, lesen Sie bout String to Double dart .

Dieser Artikel stammt aus dem Internet. Bitte geben Sie beim Nachdruck die Quelle an.

Bei Verstößen wenden Sie sich bitte [email protected] Löschen.

bearbeiten am
0

Lass mich ein paar Worte sagen

0Kommentare
LoginNach der Teilnahme an der Überprüfung

Verwandte Artikel

ngTemplateOutlet mit dynamischem Wert

Maximalwertprüfer mit dynamischem Wert

jQuery hasClass() mit dynamischem Wert

Dplyr-Filter mit dynamischem Spaltennamen und dynamischem Wert

Zeichenfolge in Vorlage mit dynamischem Wert übersetzen

JacksonXmlRootElement mit dynamischem localName-Wert

SQL-Alias-FALL mit dynamischem Wert

Inkrementieren/Dekrementieren mit dynamischem Wert in Vue Slider

Aufzählungsfarben mit dynamischem Alpha-Wert

SQL-PIVOT-Tabelle mit dynamischem Wert

Variable einmal mit dynamischem Wert initialisiert

Jquery-Selektor mit dynamischem Wert

Automatische Polymerknotensuche mit dynamischem ID-Wert

URL-Änderung mit dynamischem Wert erkennen

JSON-Wert mit dynamischem Schlüssel mit Python lesen

MenuItem mit dynamischem Wert funktioniert in Material UI React nicht

Modal mit dynamischem Inhalt setzt keinen Wert auf das Textfeld

Dygraphen Umgekehrte y-Achse mit dynamischem Maximum (niedrigerer Wert)

Benutzerdefinierter WooCommerce-Endpunkt mit dynamischem Wert funktioniert nicht

Wie man gleichwertige horizontale Einschränkungen mit dynamischem Wert hat

Header der Apex-Hauptregion mit dynamischem Wert

Optionsfeld mit dynamischem Wert aus der Eingabe als Label

VueJS: Eingabe mit dynamischem Wert + V-Modell

PHP: Wert des Arrays mit dynamischem Schlüssel löschen

Ansible Setting Fakt mit dynamischem Schlüssel / Wert

So erhalten Sie verschachtelten JSON mit dynamischem Wert

Zeichnen Sie SVG mit dynamischem Wert auf Leinwand

Teilstringindex mit dynamischem Wert und 1-Spalten-Ergebnis

MySQL-Wert in der Nähe, Join, Abs mit dynamischem Wert

TOP Liste

  1. 1

    Wie aktualisiere ich ein Feld in einer Raumdatenbank mit einem Repository und einem Ansichtsmodell?

  2. 2

    Wie füge ich mehrere Spalten in einer Spalte mit derselben Tabelle in SQL Server zusammen?

  3. 3

    Wie kann man Gitterquadrate dazu bringen, die Farbe zu ändern?

  4. 4

    Ich kann nicht verstehen, wie man Go-Code in mehreren Dateien kompiliert

  5. 5

    Zählen Sie die Vorkommen jedes Werts in einem Tupel in Python

  6. 6

    Gibt es eine sauberere Möglichkeit, Konstruktorargumente und Instanzeigenschaften einer Klasse in Typescript zu definieren?

  7. 7

    So implementieren Sie Pushwoosh mit ionic 2

  8. 8

    Wie wird der Wert im Dropdown-Menü basierend auf den ausgewählten Daten / IDs angezeigt?

  9. 9

    Tomcat - Leiten Sie den alten Kontextstamm zum neuen Kontextstamm um

  10. 10

    Ändern Sie den Knotenpfad in das aktuelle Verzeichnis

  11. 11

    So erstellen Sie ein Array von Objekten aus zwei Arrays von Objekten mit einem gemeinsamen Schlüssel - JavaScript

  12. 12

    Rufen Sie die ID aus der Datagrid-Ansicht ab und zeigen Sie die Daten in Textfeldern einem anderen Formular an

  13. 13

    base js: Wie füge ich einem Objekt eine Eigenschaft auf die 'alte' Weise hinzu?

  14. 14

    Ersetze einen Teil einer Zeichenfolge durch eine Pandas-Spalte als Muster

  15. 15

    Blättern Sie auf Radio Click zur Abschnitts-ID

  16. 16

    CBCentralManager wird nach dem Verbinden neu gestartet

  17. 17

    Scherz, wie man eine Funktion verspottet, die von einer verspotteten Funktion zurückgegeben wird

  18. 18

    django-allauth Empfängersignal zum Hinzufügen einer Gruppenberechtigung zum Benutzer bei der Anmeldung

  19. 19

    Tic Tac Toe-Spiel im React-Reset-Button funktioniert nicht

  20. 20

    AQL: Teilweise Übereinstimmung in einer Reihe von Zeichenfolgen

  21. 21

    So summieren Sie die Werte zweier Tabellen und gruppieren sie nach Datum

heißlabel

Archiv