Flutter中如何控制Snackbar的过渡动画时长？

默认情况下，Flutter原生Snackbar的过渡时长确实是在源码中硬编码的，但你可以通过以下几种方式自定义：

• 自定义动画控制器
  利用SnackBar的animation属性，手动创建AnimationController并设置自定义时长，完全掌控过渡动画：

  // 在State类中定义动画控制器
  late AnimationController _snackBarAnimationController;
  
  @override
  void initState() {
    super.initState();
    _snackBarAnimationController = AnimationController(
      duration: const Duration(milliseconds: 1200), // 自定义过渡时长
      vsync: this,
    );
  }
  
  @override
  void dispose() {
    _snackBarAnimationController.dispose();
    super.dispose();
  }
  
  // 显示自定义过渡的Snackbar
  void showCustomSnackBar() {
    final snackBar = SnackBar(
      content: const Text('这是过渡时长自定义的Snackbar'),
      animation: CurvedAnimation(
        parent: _snackBarAnimationController,
        curve: Curves.fastOutSlowIn,
      ),
    );
    ScaffoldMessenger.of(context).showSnackBar(snackBar);
    _snackBarAnimationController.forward();
  }
  

• 使用第三方替代包
  像flushbar这类第三方包提供了更灵活的配置项，包括直接设置过渡时长，无需修改原生逻辑即可实现自定义效果。

• 完全自定义Snackbar组件
  如果需要极致的控制权，可以自己实现一个类似Snackbar的组件，用AnimatedContainer、SlideTransition等组件来控制显示/隐藏的过渡动画，自由定义时长和动画曲线。

内容的提问来源于stack exchange，提问作者Pablito