animatedmodalbarrier.dart

import 'package:flutter/material.dart';

class AnimatedModalBarrierWidget extends StatefulWidget {
  const AnimatedModalBarrierWidget({super.key});

  @override
  State<AnimatedModalBarrierWidget> createState() =>
      _AnimatedModalBarrierWidgetState();
}

class _AnimatedModalBarrierWidgetState extends State<AnimatedModalBarrierWidget>
    with SingleTickerProviderStateMixin {
  bool _isPressed = false;
  late Widget _animatedModelBarrier;

  late AnimationController _controller;
  late Animation<Color?> _colorAnimation;

  @override
  void initState() {
    ColorTween colorTween = ColorTween(
        begin: Colors.orange.withOpacity(0.5),
        end: Colors.blueGrey.withOpacity(0.5));
    _controller =
        AnimationController(vsync: this, duration: const Duration(seconds: 3));
    _colorAnimation = colorTween.animate(_controller);
    _animatedModelBarrier = AnimatedModalBarrier(
      color: _colorAnimation,
      dismissible: true,
    );
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text("AnimatedModalbarrier"),
      ),
      body: Center(
        child: Padding(
          padding: const EdgeInsets.all(15.0),
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              SizedBox(
                width: 250,
                height: 100,
                child: Stack(
                  alignment: AlignmentDirectional.center,
                  children: [
                    ElevatedButton(
                      style: ElevatedButton.styleFrom(
                          backgroundColor: Colors.orangeAccent),
                      onPressed: () {
                        setState(() {
                          _isPressed = true;
                        });
                        _controller.reset();
                        _controller.forward();
                        Future.delayed(const Duration(seconds: 3), (() {
                          setState(() {
                            _isPressed = false;
                          });
                        }));
                      },
                      child: const Text('Press'),
                    ),
                    if (_isPressed) _animatedModelBarrier
                  ],
                ),
              )
            ],
          ),
        ),
      ),
    );
  }
}