mirror of
https://github.com/flutter/flutter.git
synced 2025-06-03 00:51:18 +00:00
f794cf9d97
fixes [Expose animation parameters for the [ExpansionTile] widget](https://github.com/flutter/flutter/issues/138047) ### Description Add `AnimationStyle` to the `ExpansionTile` widget to override the default expand and close animation. Syntax: ```dart child: ExpansionTile( title: const Text('Tap to expand'), expansionAnimationStyle: AnimationStyle( duration: Durations.extralong1, curve: Easing.emphasizedAccelerate, ), children: const <Widget>[FlutterLogo(size: 200)], ), ``` ### Code sample <details> <summary>expand to view the code sample</summary> ```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'; /// Flutter code sample for [ExpansionTile] and [AnimationStyle]. void main() { runApp(const ExpansionTileAnimationStyleApp()); } enum AnimationStyles { defaultStyle, custom, none } const List<(AnimationStyles, String)> animationStyleSegments = <(AnimationStyles, String)>[ (AnimationStyles.defaultStyle, 'Default'), (AnimationStyles.custom, 'Custom'), (AnimationStyles.none, 'None'), ]; class ExpansionTileAnimationStyleApp extends StatefulWidget { const ExpansionTileAnimationStyleApp({super.key}); @override State<ExpansionTileAnimationStyleApp> createState() => _ExpansionTileAnimationStyleAppState(); } class _ExpansionTileAnimationStyleAppState extends State<ExpansionTileAnimationStyleApp> { Set<AnimationStyles> _animationStyleSelection = <AnimationStyles>{AnimationStyles.defaultStyle}; AnimationStyle? _animationStyle; @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( body: SafeArea( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[ SegmentedButton<AnimationStyles>( selected: _animationStyleSelection, onSelectionChanged: (Set<AnimationStyles> styles) { setState(() { _animationStyleSelection = styles; switch (styles.first) { case AnimationStyles.defaultStyle: _animationStyle = null; case AnimationStyles.custom: _animationStyle = AnimationStyle( curve: Easing.emphasizedAccelerate, duration: Durations.extralong1, ); case AnimationStyles.none: _animationStyle = AnimationStyle.noAnimation; } }); }, segments: animationStyleSegments .map<ButtonSegment<AnimationStyles>>(((AnimationStyles, String) shirt) { return ButtonSegment<AnimationStyles>(value: shirt.$1, label: Text(shirt.$2)); }) .toList(), ), const SizedBox(height: 20), ExpansionTile( expansionAnimationStyle: _animationStyle, title: const Text('ExpansionTile'), children: const <Widget>[ ListTile(title: Text('Expanded Item 1')), ListTile(title: Text('Expanded Item 2')), ], ) ], ), ), ), ); } } ``` </details> Related to https://github.com/flutter/flutter/pull/138721. |
||
|---|---|---|
| .. | ||
| action_buttons | ||
| action_chip | ||
| animated_icon | ||
| app | ||
| appbar | ||
| autocomplete | ||
| bottom_navigation_bar | ||
| bottom_sheet | ||
| card | ||
| checkbox_list_tile | ||
| choice_chip | ||
| context_menu | ||
| data_table | ||
| date_picker | ||
| dialog | ||
| divider | ||
| drawer | ||
| dropdown | ||
| dropdown_menu | ||
| elevated_button | ||
| expansion_panel | ||
| expansion_tile | ||
| filled_button | ||
| filter_chip | ||
| floating_action_button | ||
| icon_button | ||
| ink | ||
| ink_well | ||
| input_chip | ||
| input_decorator | ||
| list_tile | ||
| menu_anchor | ||
| navigation_bar | ||
| navigation_drawer | ||
| navigation_rail | ||
| outlined_button | ||
| page_transitions_theme | ||
| paginated_data_table | ||
| popup_menu | ||
| progress_indicator | ||
| radio | ||
| radio_list_tile | ||
| refresh_indicator | ||
| reorderable_list | ||
| scaffold | ||
| scrollbar | ||
| search_anchor | ||
| slider | ||
| snack_bar | ||
| stepper | ||
| switch | ||
| switch_list_tile | ||
| tabs | ||
| text_button | ||
| text_field | ||
| theme_data | ||
| time_picker | ||
| toggle_buttons | ||
| tooltip | ||