it-swarm.com.de

Flatterfortschrittsanzeigergröße

Ich habe mich gefragt, ob es eine Möglichkeit gibt, die Breite/Länge/Höhe des linearen und des kreisförmigen Fortschrittsbalkens zu ändern. Ich versuche, eine XP - Leiste damit zu erstellen, aber ich bin nicht sicher, ob das möglich ist. Mir ist auch bekannt, dass die Werte nur zwischen 0,0 und 1,0 liegen, aber ich denke auch, dass es möglich ist (nicht sicher), dass ich eine Formel erstellen könnte, in der es noch funktionieren wird.

3
aj580

Der Fortschrittsindikator füllt sein übergeordnetes Layout-Widget, z

SizedBox(
    child: 
        new CircularProgressIndicator(
        valueColor: new AlwaysStoppedAnimation(Colors.blue),
        strokeWidth: 5.0),
    height: 300.0,
    width: 300.0,)
4
F-1
  1. Mit diesem Code entscheiden Sie, dass es sich um ein Array von Widgets handelt. Wenn Sie ein Array angeben, liegt dies an der Antwort, die Sie geben können. Sie können weitere Widgets hinzufügen.
  2. Das ist zentriert
  3. und was ist ein CircularProgressIndicator.

Auf diese Weise nimmt der Circular Progress Indicator nicht die Breite und Höhe des Vaters an, der ihn enthält

grüße

<Widget>[Center(child: CircularProgressIndicator())]

2
ijann

Wie kann ich eine Klasse, die ein Ladekennzeichen erstellt, mit meiner -Taste kombinieren, so dass sich das Kennzeichen beim Drücken auf diese Schaltfläche einschaltet und zur nächsten Seite wechselt.

Hier der Code:

class Loader extends StatefulWidget {
      @override
      State createState() => LoaderState();
    }

    class LoaderState extends State<Loader> with SingleTickerProviderStateMixin {
      AnimationController controller;
      Animation<double> animation;

      @override
      void initState() {
        super.initState();
        controller = AnimationController(
            duration: Duration(milliseconds: 1200), vsync: this);
        animation = CurvedAnimation(parent: controller, curve: Curves.elasticOut);
        animation.addListener(() {
          this.setState(() {});
        });
        animation.addStatusListener((AnimationStatus status) {});
        controller.repeat();
      }

      @override
      void dispose() {
        controller.dispose();
        super.dispose();
      }

      @override
      Widget build(BuildContext context) {
        return Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Container(
              color: Colors.blue,
              height: 3.0,
              width: animation.value * 100.0,
            ),
            Padding(
              padding: EdgeInsets.only(bottom: 5.0),
            ),
            Container(
              color: Colors.blue[300],
              height: 3.0,
              width: animation.value * 75.0,
            ),
            Padding(
              padding: EdgeInsets.only(bottom: 5.0),
            ),
            Container(
              color: Colors.blue,
              height: 3.0,
              width: animation.value * 50.0,
            )
          ],
        );
      }
    }


    Expanded(
                        child: Padding(
                          padding:
                              EdgeInsets.only(left: 20.0, right: 5.0, top:20.0),
                          child: GestureDetector(
                            onTap: () {
                              Navigator.Push(
                                  context,
                                  MaterialPageRoute(
                                      builder: (context) => FirstScreen()));
                            },
                            child: Container(
                                alignment: Alignment.center,
                                height: 45.0,
                                decoration: BoxDecoration(
                                    color: Color(0xFF1976D2),
                                    borderRadius: BorderRadius.circular(9.0)),
                                child: Text('Login',
                                    style: TextStyle(
                                        fontSize: 20.0, color: Colors.white))),
                          ),
                        ),
                      ),
0
Max Zubko