• Taha Tesser's avatar
    Add `AnimationStyle` to `ExpansionTile` (#139664) · f794cf9d
    Taha Tesser authored
    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.
    f794cf9d
Name
Last commit
Last update
.github Loading commit data...
.vscode Loading commit data...
bin Loading commit data...
dev Loading commit data...
examples Loading commit data...
packages Loading commit data...
.ci.yaml Loading commit data...
.gitattributes Loading commit data...
.gitignore Loading commit data...
AUTHORS Loading commit data...
CODEOWNERS Loading commit data...
CODE_OF_CONDUCT.md Loading commit data...
CONTRIBUTING.md Loading commit data...
LICENSE Loading commit data...
PATENT_GRANT Loading commit data...
README.md Loading commit data...
TESTOWNERS Loading commit data...
analysis_options.yaml Loading commit data...
dartdoc_options.yaml Loading commit data...
flutter_console.bat Loading commit data...