import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: Scaffold(
        backgroundColor: Colors.black,
        body: const ShaderMaskTest(),
        floatingActionButton: Builder(
          builder: (context) {
            return FloatingActionButton(
              onPressed: () {
                showDialog(
                  context: context,
                  builder: (_) => const Scaffold(
                    body: Center(child: Text('Dialog!')),
                  ),
                );
              },
              child: const Text('+'),
            );
          }
        ),
      ),
    );
  }
}

class ShaderMaskTest extends StatelessWidget {
  const ShaderMaskTest({super.key});

  @override
  Widget build(BuildContext context) {
    return Stack(
      children: [
        ShaderMask(
          shaderCallback: (rect) {
            const gradientColor = Colors.black;

            return LinearGradient(
              begin: Alignment.topCenter,
              end: Alignment.bottomCenter,
              colors: [
                gradientColor,
                gradientColor.withOpacity(0),
              ],
              stops: const [0.51, 1.0],
            ).createShader(
              Rect.fromLTRB(
                0,
                0,
                rect.width,
                rect.height,
              ),
            );
          },
          blendMode: BlendMode.dstIn,
          child: Image.asset(
            'assets/2.png',
            fit: BoxFit.cover,
          ),
        ),
      ],
    );
  }
}