如何配置Flutter的showModalBottomSheet打开/关闭动画？

Flutter的showModalBottomSheet是一个常用的组件，用于显示模态底部弹出框。它提供了一种简单的方式来实现与用户的交互，并且可以自定义打开和关闭的动画效果。

要配置showModalBottomSheet的打开/关闭动画，可以使用Flutter的AnimationController和AnimationBuilder来实现。下面是一个示例代码，展示了如何配置showModalBottomSheet的动画效果：

import 'package:flutter/material.dart';

class MyWidget extends StatefulWidget {
  @override
  _MyWidgetState createState() => _MyWidgetState();
}

class _MyWidgetState extends State<MyWidget> with SingleTickerProviderStateMixin {
  AnimationController _animationController;
  Animation<double> _animation;

  @override
  void initState() {
    super.initState();
    _animationController = AnimationController(
      vsync: this,
      duration: Duration(milliseconds: 300), // 设置动画的持续时间
    );
    _animation = CurvedAnimation(
      parent: _animationController,
      curve: Curves.easeInOut, // 设置动画的曲线
    );
  }

  @override
  void dispose() {
    _animationController.dispose();
    super.dispose();
  }

  void _openModalBottomSheet() {
    _animationController.forward(); // 播放打开动画
    showModalBottomSheet(
      context: context,
      builder: (BuildContext context) {
        return AnimatedBuilder(
          animation: _animation,
          builder: (BuildContext context, Widget child) {
            return Transform.translate(
              offset: Offset(0.0, _animation.value * MediaQuery.of(context).size.height),
              child: Container(
                height: 200.0,
                color: Colors.white,
                child: Center(
                  child: Text('Modal Bottom Sheet'),
                ),
              ),
            );
          },
        );
      },
    );
  }

  void _closeModalBottomSheet() {
    _animationController.reverse(); // 播放关闭动画
    Navigator.pop(context);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Modal Bottom Sheet'),
      ),
      body: Center(
        child: RaisedButton(
          onPressed: _openModalBottomSheet,
          child: Text('Open Modal Bottom Sheet'),
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _closeModalBottomSheet,
        child: Icon(Icons.close),
      ),
    );
  }
}

在上面的示例代码中，我们首先创建了一个AnimationController来控制动画的播放，然后使用CurvedAnimation来定义动画的曲线。在打开和关闭模态底部弹出框时，我们分别调用_animationController的forward和reverse方法来播放动画。在showModalBottomSheet的builder中，我们使用AnimatedBuilder来构建动画效果，通过Transform.translate来实现底部弹出框的上下移动。

这是一个简单的示例，你可以根据自己的需求来自定义动画效果。希望对你有帮助！

关于Flutter的更多信息和相关产品，你可以参考腾讯云的官方文档和产品介绍页面：

希望这些信息能对你有所帮助！如果还有其他问题，请随时提问。