Starter/samples
1
0
Fork 0
mirror of https://github.com/flutter/samples.git synced 2025-11-08 22:09:06 +00:00
Code Issues Releases Wiki Activity

Replace MaterialButton in the AnimatedBuilder sample (#1729)

Browse Source
This commit is contained in:
Taha Tesser
2023-04-08 05:39:28 +03:00
committed by GitHub
parent 31a3d14618
commit 974aaf12b9
2 changed files with 68 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
animations/lib/src/basics/animated_builder.dart
View File

@@ -23,7 +23,6 @@ class _AnimatedBuilderDemoState extends State<AnimatedBuilderDemo>
@override @override
void initState() { void initState() {
super.initState(); super.initState();
controller = AnimationController(vsync: this, duration: duration); controller = AnimationController(vsync: this, duration: duration);
animation = animation =
ColorTween(begin: beginColor, end: endColor).animate(controller); ColorTween(begin: beginColor, end: endColor).animate(controller);
@@ -49,10 +48,10 @@ class _AnimatedBuilderDemoState extends State<AnimatedBuilderDemo>
child: AnimatedBuilder( child: AnimatedBuilder(
animation: animation, animation: animation,
builder: (context, child) { builder: (context, child) {
return MaterialButton( return ElevatedButton(
color: animation.value, style: ElevatedButton.styleFrom(
height: 50, backgroundColor: animation.value,
minWidth: 100, ),
child: child, child: child,
onPressed: () { onPressed: () {
if (controller.status == AnimationStatus.completed) { if (controller.status == AnimationStatus.completed) {

64
animations/test/basics/animated_builder_test.dart Normal file
View File

@@ -0,0 +1,64 @@
// Copyright 2023 The Flutter team. 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:animations/src/basics/basics.dart';
import 'package:flutter/material.dart';
import 'package:flutter_test/flutter_test.dart';
Widget createAnimatedBuilderDemoScreen() => const MaterialApp(
home: AnimatedBuilderDemo(),
);
void main() {
group('AnimatedBuilder Tests', () {
testWidgets('AnimatedBuilder changes button color', (tester) async {
await tester.pumpWidget(createAnimatedBuilderDemoScreen());
// Get the initial color of the button.
ElevatedButton button = tester.widget(find.byType(ElevatedButton));
MaterialStateProperty<Color?>? initialColor =
button.style!.backgroundColor;
// Tap the button.
await tester.tap(find.byType(ElevatedButton));
await tester.pumpAndSettle();
// Get the updated color of the button.
button = tester.widget(find.byType(ElevatedButton));
MaterialStateProperty<Color?>? updatedColor =
button.style!.backgroundColor;
// Check if the color has changed.
expect(initialColor, isNot(updatedColor));
});
testWidgets('AnimatedBuilder animates button color', (tester) async {
await tester.pumpWidget(createAnimatedBuilderDemoScreen());
// Get the initial color of the button.
ElevatedButton button = tester.widget(find.byType(ElevatedButton));
MaterialStateProperty<Color?>? initialColor =
button.style!.backgroundColor;
// Tap the button to trigger the animation but don't wait for it to finish.
await tester.tap(find.byType(ElevatedButton));
await tester.pump();
await tester.pump(const Duration(milliseconds: 400));
// Check that the color has changed but not to the final color.
button = tester.widget(find.byType(ElevatedButton));
MaterialStateProperty<Color?>? changedColor =
button.style!.backgroundColor;
expect(initialColor, isNot(changedColor));
// Wait for the animation to finish.
await tester.pump(const Duration(milliseconds: 400));
// Check that the color has changed to the final color.
button = tester.widget(find.byType(ElevatedButton));
MaterialStateProperty<Color?>? finalColor = button.style!.backgroundColor;
expect(changedColor, isNot(finalColor));
});
});
}