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
64 lines
2.3 KiB
Dart
64 lines
2.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/material/popup_menu/popup_menu.2.dart' as example;
|
|
import 'package:flutter_test/flutter_test.dart';
|
|
|
|
void main() {
|
|
testWidgets('Popup animation can be customized using AnimationStyle', (WidgetTester tester) async {
|
|
await tester.pumpWidget(
|
|
const example.PopupMenuApp(),
|
|
);
|
|
|
|
// Test the default popup animation.
|
|
await tester.tap(find.byIcon(Icons.more_vert));
|
|
await tester.pump();
|
|
// Advance the animation by half of the default duration.
|
|
await tester.pump(const Duration(milliseconds: 100));
|
|
|
|
expect(tester.getSize(find.byType(Material).last), within(distance: 0.1, from: const Size(224.0, 130.0)));
|
|
|
|
// Let the animation finish.
|
|
await tester.pumpAndSettle();
|
|
|
|
expect(tester.getSize(find.byType(Material).last), within(distance: 0.1, from: const Size(224.0, 312.0)));
|
|
|
|
// Tap outside the popup menu to close it.
|
|
await tester.tapAt(const Offset(1, 1));
|
|
await tester.pumpAndSettle();
|
|
|
|
// Test the custom animation curve and duration.
|
|
await tester.tap(find.text('Custom'));
|
|
await tester.pumpAndSettle();
|
|
|
|
await tester.tap(find.byIcon(Icons.more_vert));
|
|
await tester.pump();
|
|
// Advance the animation by one third of the custom duration.
|
|
await tester.pump(const Duration(milliseconds: 1000));
|
|
|
|
expect(tester.getSize(find.byType(Material).last), within(distance: 0.1, from: const Size(224.0, 312.0)));
|
|
|
|
// Let the animation finish.
|
|
await tester.pumpAndSettle();
|
|
|
|
expect(tester.getSize(find.byType(Material).last), within(distance: 0.1, from: const Size(224.0, 312.0)));
|
|
|
|
// Tap outside the popup menu to close it.
|
|
await tester.tapAt(const Offset(1, 1));
|
|
await tester.pumpAndSettle();
|
|
|
|
// Test the no animation style.
|
|
await tester.tap(find.text('None'));
|
|
await tester.pumpAndSettle();
|
|
|
|
await tester.tap(find.byIcon(Icons.more_vert));
|
|
// Advance the animation by only one frame.
|
|
await tester.pump();
|
|
|
|
// The popup menu is shown immediately.
|
|
expect(tester.getSize(find.byType(Material).last), within(distance: 0.1, from: const Size(224.0, 312.0)));
|
|
});
|
|
}
|