Commit f7cf0d97 authored by Hans Muller's avatar Hans Muller

Fix the progress indicator demo (#3367)

parent efbcb0aa
......@@ -10,43 +10,48 @@ class ProgressIndicatorDemo extends StatefulWidget {
}
class _ProgressIndicatorDemoState extends State<ProgressIndicatorDemo> {
AnimationController _controller;
Animation<double> _animation;
@override
void initState() {
super.initState();
controller = new AnimationController(
_controller = new AnimationController(
duration: const Duration(milliseconds: 1500)
)..forward();
animation = new CurvedAnimation(
parent: controller,
_animation = new CurvedAnimation(
parent: _controller,
curve: new Interval(0.0, 0.9, curve: Curves.ease),
reverseCurve: Curves.ease
)..addStatusListener((AnimationStatus status) {
if (status == AnimationStatus.dismissed)
controller.forward();
_controller.forward();
else if (status == AnimationStatus.completed)
controller.reverse();
_controller.reverse();
});
}
Animation<double> animation;
AnimationController controller;
@override
void dispose() {
_controller.stop();
super.dispose();
}
void _handleTap() {
setState(() {
// valueAnimation.isAnimating is part of our build state
if (controller.isAnimating) {
controller.stop();
if (_controller.isAnimating) {
_controller.stop();
} else {
switch (controller.status) {
switch (_controller.status) {
case AnimationStatus.dismissed:
case AnimationStatus.forward:
controller.forward();
_controller.forward();
break;
case AnimationStatus.reverse:
case AnimationStatus.completed:
controller.reverse();
_controller.reverse();
break;
}
}
......@@ -61,19 +66,19 @@ class _ProgressIndicatorDemoState extends State<ProgressIndicatorDemo> {
),
new LinearProgressIndicator(),
new LinearProgressIndicator(),
new LinearProgressIndicator(value: animation.value),
new LinearProgressIndicator(value: _animation.value),
new CircularProgressIndicator(),
new SizedBox(
width: 20.0,
height: 20.0,
child: new CircularProgressIndicator(value: animation.value)
child: new CircularProgressIndicator(value: _animation.value)
),
new SizedBox(
width: 50.0,
height: 30.0,
child: new CircularProgressIndicator(value: animation.value)
child: new CircularProgressIndicator(value: _animation.value)
),
new Text('${(animation.value * 100.0).toStringAsFixed(1)}%${ controller.isAnimating ? "" : " (paused)" }')
new Text('${(_animation.value * 100.0).toStringAsFixed(1)}%${ _controller.isAnimating ? "" : " (paused)" }')
];
return new Column(
children: indicators
......@@ -95,7 +100,7 @@ class _ProgressIndicatorDemoState extends State<ProgressIndicatorDemo> {
child: new Container(
padding: const EdgeInsets.symmetric(vertical: 12.0, horizontal: 8.0),
child: new AnimatedBuilder(
animation: animation,
animation: _animation,
builder: _buildIndicators
)
)
......
......@@ -8,14 +8,61 @@ import 'package:flutter/material.dart';
import 'package:test/test.dart';
void main() {
// The "can be constructed" tests that follow are primarily to ensure that any
// animations started by the progress indicators are stopped at dispose() time.
test('LinearProgressIndicator(value: 0.0) can be constructed', () {
testWidgets((WidgetTester tester) {
tester.pumpWidget(
new Center(
child: new SizedBox(
width: 200.0,
child: new LinearProgressIndicator(value: 0.0)
)
)
);
});
});
test('LinearProgressIndicator(value: null) can be constructed', () {
testWidgets((WidgetTester tester) {
tester.pumpWidget(
new Center(
child: new SizedBox(
width: 200.0,
child: new LinearProgressIndicator(value: null)
)
)
);
});
});
test('CircularProgressIndicator(value: 0.0) can be constructed', () {
testWidgets((WidgetTester tester) {
tester.pumpWidget(
new Center(
child: new CircularProgressIndicator(value: 0.0)
)
);
});
});
test('CircularProgressIndicator(value: null) can be constructed', () {
testWidgets((WidgetTester tester) {
tester.pumpWidget(
new Center(
child: new CircularProgressIndicator(value: null)
)
);
});
});
test('LinearProgressIndicator changes when its value changes', () {
testElementTree((ElementTreeTester tester) {
tester.pumpWidget(new Block(children: <Widget>[new LinearProgressIndicator(value: 0.0)]));
List<Layer> layers1 = tester.layers;
tester.pumpWidget(new Block(children: <Widget>[new LinearProgressIndicator(value: 0.5)]));
List<Layer> layers2 = tester.layers;
expect(layers1, isNot(equals(layers2)));
});
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment