mirror of
https://github.com/flutter/flutter.git
synced 2025-06-03 00:51:18 +00:00
84bfe64023
This example shows how to use `AnimationController` and `SlideTransition` to create an animated digit like you might find on a digital clock. New digit values slide into place from below, as the old value slides upwards and out of view. Taps that occur while the controller is already animating cause the controller's `AnimationController.duration` to be reduced so that the visuals don't fall behind. You can try the example here: https://dartpad.dev/?id=9553c20fe0fdb0c5447c1293e02400eb
40 lines
1.3 KiB
Dart
40 lines
1.3 KiB
Dart
// Copyright 2014 The Flutter Authors. All rights reserved.
|
|
// Use of this source code is governed by a BSD-style license that can be
|
|
// found in the LICENSE file.
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_api_samples/animation/animation_controller/animated_digit.0.dart'
|
|
as example;
|
|
import 'package:flutter_test/flutter_test.dart';
|
|
|
|
void main() {
|
|
testWidgets('animated digit example', (WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
const example.AnimatedDigitApp(),
|
|
);
|
|
|
|
Finder findVisibleDigit(int digit) {
|
|
return find.descendant(
|
|
of: find.byType(SlideTransition).last,
|
|
matching: find.text('$digit'),
|
|
);
|
|
}
|
|
|
|
expect(findVisibleDigit(0), findsOneWidget);
|
|
|
|
await tester.tap(find.byType(FloatingActionButton));
|
|
await tester.pumpAndSettle();
|
|
expect(findVisibleDigit(1), findsOneWidget);
|
|
|
|
await tester.tap(find.byType(FloatingActionButton));
|
|
await tester.pumpAndSettle();
|
|
expect(findVisibleDigit(2), findsOneWidget);
|
|
|
|
await tester.tap(find.byType(FloatingActionButton));
|
|
await tester.pump(const Duration(milliseconds: 100)); // Animation duration is 300ms
|
|
await tester.tap(find.byType(FloatingActionButton));
|
|
await tester.pumpAndSettle();
|
|
expect(findVisibleDigit(4), findsOneWidget);
|
|
});
|
|
}
|