Flutter Stack Example

example.dart

class TestWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.all(24.0),
      child: AspectRatio(
        aspectRatio: 3 / 2.0,
        child: LayoutBuilder(
          builder: (context, BoxConstraints constraints) {
            return Stack(
              children: <Widget>[
                Positioned(
                  top: constraints.maxHeight * 0.3,
                  bottom: 0,
                  left: 0,
                  right: 0,
                  child: Container(
                    height: constraints.maxHeight * 0.7,
                    decoration: BoxDecoration(
                      color: Colors.blue,
                      borderRadius: BorderRadius.circular(12.0),
                    ),
                  ),
                ),
                Positioned(
                  right: 10,
                  top: -constraints.maxHeight * 0.1,
                  bottom: 0,
                  child: AspectRatio(
                      aspectRatio: 1.0,
                      child: Image.asset('assets/1075067_alt02.png')),
                ),
                Positioned(
                  bottom: 10,
                  left: 10,
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: <Widget>[
                      Icon(
                        Icons.arrow_forward,
                        size: 40,
                        color: Colors.white,
                      ),
                      Text(
                        "Lifetime Youth",
                        style: Theme.of(context)
                            .textTheme
                            .headline
                            .copyWith(color: Colors.white, fontSize: 32),
                      ),
                    ],
                  ),
                )
              ],
            );
          },
        ),
      ),
    );
  }
}