mirror of
https://github.com/flutter/flutter.git
synced 2025-06-03 00:51:18 +00:00
fc917c7184
This PR introduces `AnimationStyle`, it is used to override default animation curves and durations in several widgets. fixes [Add the ability to customize MaterialApp theme animation duration](https://github.com/flutter/flutter/issues/78372) fixes [Allow customization of showMenu transition animation curves and duration](https://github.com/flutter/flutter/issues/135638) fixes [`AnimationStyle.noAnimation` needs to replace `AnimatedTheme` with just `Theme` in the `MaterialApp`](https://github.com/flutter/flutter/issues/138618) Here is an example where popup menu curve and transition duration is overridden: ```dart popUpAnimationStyle: AnimationStyle( curve: Easing.emphasizedAccelerate, duration: Durations.medium4, ), ``` Set `AnimationStyle.noAnimation` to disable animation. ```dart return MaterialApp( themeAnimationStyle: AnimationStyle.noAnimation, ``` ## Pre-launch Checklist - [x] I read the [Contributor Guide] and followed the process outlined there for submitting PRs. - [x] I read the [Tree Hygiene] wiki page, which explains my responsibilities. - [x] I read and followed the [Flutter Style Guide], including [Features we expect every widget to implement]. - [x] I signed the [CLA]. - [x] I listed at least one issue that this PR fixes in the description above. - [x] I updated/added relevant documentation (doc comments with `///`). - [x] I added new tests to check the change I am making, or this PR is [test-exempt]. - [x] All existing and new tests are passing. If you need help, consider asking for advice on the #hackers-new channel on [Discord]. <!-- Links --> [Contributor Guide]: https://github.com/flutter/flutter/wiki/Tree-hygiene#overview [Tree Hygiene]: https://github.com/flutter/flutter/wiki/Tree-hygiene [test-exempt]: https://github.com/flutter/flutter/wiki/Tree-hygiene#tests [Flutter Style Guide]: https://github.com/flutter/flutter/wiki/Style-guide-for-Flutter-repo [Features we expect every widget to implement]: https://github.com/flutter/flutter/wiki/Style-guide-for-Flutter-repo#features-we-expect-every-widget-to-implement [CLA]: https://cla.developers.google.com/ [flutter/tests]: https://github.com/flutter/tests [breaking change policy]: https://github.com/flutter/flutter/wiki/Tree-hygiene#handling-breaking-changes [Discord]: https://github.com/flutter/flutter/wiki/Chat
77 lines
2.5 KiB
Dart
77 lines
2.5 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/material/app/app.0.dart'
|
|
as example;
|
|
import 'package:flutter_test/flutter_test.dart';
|
|
|
|
void main() {
|
|
testWidgets('Theme animation can be customized using AnimationStyle', (WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
const example.MaterialAppExample(),
|
|
);
|
|
|
|
Material getScaffoldMaterial() {
|
|
return tester.widget<Material>(find.descendant(
|
|
of: find.byType(Scaffold),
|
|
matching: find.byType(Material).first,
|
|
));
|
|
}
|
|
|
|
final ThemeData lightTheme = ThemeData(colorSchemeSeed: Colors.green);
|
|
final ThemeData darkTheme = ThemeData(
|
|
colorSchemeSeed: Colors.green,
|
|
brightness: Brightness.dark,
|
|
);
|
|
|
|
// Test the default animation.
|
|
expect(getScaffoldMaterial().color, lightTheme.colorScheme.background);
|
|
|
|
await tester.tap(find.text( 'Switch Theme Mode'));
|
|
await tester.pump();
|
|
// Advance the animation by half of the default duration.
|
|
await tester.pump(const Duration(milliseconds: 100));
|
|
|
|
// The Scaffold background color is updated.
|
|
expect(
|
|
getScaffoldMaterial().color,
|
|
Color.lerp(lightTheme.colorScheme.background, darkTheme.colorScheme.background, 0.5),
|
|
);
|
|
|
|
await tester.pumpAndSettle();
|
|
|
|
// The Scaffold background color is now fully dark.
|
|
expect(getScaffoldMaterial().color, darkTheme.colorScheme.background);
|
|
|
|
// Test the custom animation curve and duration.
|
|
await tester.tap(find.text('Custom'));
|
|
await tester.pumpAndSettle();
|
|
|
|
await tester.tap(find.text('Switch Theme Mode'));
|
|
await tester.pump();
|
|
// Advance the animation by half of the custom duration.
|
|
await tester.pump(const Duration(milliseconds: 500));
|
|
|
|
// The Scaffold background color is updated.
|
|
expect(getScaffoldMaterial().color, const Color(0xff3c3e3b));
|
|
|
|
await tester.pumpAndSettle();
|
|
|
|
// The Scaffold background color is now fully light.
|
|
expect(getScaffoldMaterial().color, lightTheme.colorScheme.background);
|
|
|
|
// Test the no animation style.
|
|
await tester.tap(find.text('None'));
|
|
await tester.pumpAndSettle();
|
|
|
|
await tester.tap(find.text('Switch Theme Mode'));
|
|
// Advance the animation by only one frame.
|
|
await tester.pump();
|
|
|
|
// The Scaffold background color is updated immediately.
|
|
expect(getScaffoldMaterial().color, darkTheme.colorScheme.background);
|
|
});
|
|
}
|