Allow overflow container more than screen - flutter

Question

I have AnimatedContainer inside a Stack widget. I want to change the scale of the MyAnimatedContainer and make it bigger than screen, like image below :
How can I do that ?
Code:
#override
Widget build(BuildContext context) {
return Scaffold(
body: Stack(
fit: StackFit.expand,
children: [
AnimatedContainer(
height: _width,
width: _height,
duration: const Duration(milliseconds: 500),
child: Image.asset('assets/Asset 2.png'),
),
],
),
);
}
I try to change width/height but it doesn't work.

Answer 1

The constraints passed into theStack from its parent are tightened using stackfit.expand,
So I want you to use stackfit.loose and than change the width and height .
Just try if it works for you.
#override
Widget build(BuildContext context) {
return Scaffold(
body: Stack(
fit: StackFit.loose,
children: [
AnimatedContainer(
height: _width,
width: _height,
duration: const Duration(milliseconds: 500),
child: Image.asset('assets/Asset 2.png'),
),
],
),
);
}

Answer 2

#manishyadav solution didn't work for me. My animation was always constrained by the device size. Nonetheless, I achieved what #mohammadsadra-kafiri depicted in the question:
Allow overflow container more than screen
I used CustomPainter with AnimationController. Container is actually RippleBackground and here's full example:
import 'package:flutter/material.dart';
class RippleBackground extends StatefulWidget {
const RippleBackground({required this.rippleColor, super.key});
final Color rippleColor;
#override
RippleBackgroundState createState() => RippleBackgroundState();
}
class RippleBackgroundState extends State<RippleBackground> with SingleTickerProviderStateMixin {
late AnimationController _controller;
#override
void initState() {
super.initState();
_controller = AnimationController(
duration: const Duration(milliseconds: 400),
vsync: this,
)..forward();
}
#override
void dispose() {
_controller.dispose();
super.dispose();
}
#override
Widget build(BuildContext context) {
return CustomPaint(
size: const Size(double.infinity, double.infinity),
painter: _RipplePainter(
animation: _controller,
rippleColor: widget.rippleColor,
),
);
}
}
class _RipplePainter extends CustomPainter {
final Animation<double> animation;
_RipplePainter({required this.animation, required this.rippleColor})
: _path = Path(),
_paint = Paint(),
super(repaint: animation);
final Color rippleColor;
final Path _path;
final Paint _paint;
#override
void paint(Canvas canvas, Size size) {
_paint
..color = rippleColor
..style = PaintingStyle.fill;
var centralPoint = Offset(size.width / 2, size.height / 2);
var radiusOfCircumscribedCircle = centralPoint.distance;
var value = animation.value;
if (value >= 0.0 && value <= 1.0) {
canvas.drawPath(
_path
..addOval(
Rect.fromCircle(
center: centralPoint,
radius: radiusOfCircumscribedCircle * value,
),
),
_paint,
);
}
}
#override
bool shouldRepaint(_RipplePainter oldDelegate) => false;
}