percent_indicator 1.0.0 copy "percent_indicator: ^1.0.0" to clipboard
percent_indicator: ^1.0.0 copied to clipboard

outdatedDart 1 only

Circular and Linear percent indicator

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:percent_indicator_example/sample_circular_page.dart';
import 'package:percent_indicator_example/sample_linear_page.dart';

void main() {
  runApp(new MaterialApp(home: new Scaffold(body: new SamplePage())));
}

class SamplePage extends StatefulWidget {
  @override
  _SamplePageState createState() => _SamplePageState();
}

class _SamplePageState extends State<SamplePage> {


  _openPage(Widget page){
      Navigator.push(
      context,
      new MaterialPageRoute(
        builder: (BuildContext context) => page,
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
      return Container(
              child: Center(
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.center,
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              MaterialButton(
                color: Colors.blueAccent,
                child: new Text("Circular Library"),
                onPressed: () => _openPage(SampleCircularPage()),
              ),
              Padding(
                padding: EdgeInsets.all(20.0),
              ),
              MaterialButton(
                color: Colors.blueAccent,
                child: new Text("Linear Library"),
                onPressed: () => _openPage(SampleLinearPage()),
              ),
            ],
          ),
        ),
      );
  }
}