• 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
..
animation Loading commit data...
cupertino Loading commit data...
dart Loading commit data...
examples Loading commit data...
foundation Loading commit data...
gestures Loading commit data...
harness Loading commit data...
material Loading commit data...
painting Loading commit data...
physics Loading commit data...
rendering Loading commit data...
scheduler Loading commit data...
semantics Loading commit data...
services Loading commit data...
widgets Loading commit data...
_goldens_io.dart Loading commit data...
_goldens_web.dart Loading commit data...
analysis_options.yaml Loading commit data...
flutter_test_config.dart Loading commit data...
image_data.dart Loading commit data...