fading_in_widget 1.0.2

The Fading in widget package is used to bring any widget to the screen with a fading animation.

example/lib/main.dart

import 'package:fading_in_widget/fading_in_widget.dart';
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: 'Fading In Widget Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.cyan),
        useMaterial3: true,
      ),
      home: const TestPage(),
    );
  }
}

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        title: const Text("Fading In Widget Demo"),
      ),
      body: Column(
        children: [
          const SizedBox(height: 32),
          const FadingInWidget(
            duration: Duration(seconds: 2),
            child: FlutterLogo(size: 50),
          ),
          const SizedBox(height: 16),
          const FadingInWidget(
            delay: Duration(seconds: 1),
            child: Text('Hi Flutter!', style: TextStyle(fontSize: 32)),
          ),
          const SizedBox(height: 32),
          FadingInWidget(
            delay: const Duration(seconds: 2),
            child: Container(
              alignment: Alignment.center,
              width: double.infinity,
              height: 200,
              decoration: const BoxDecoration(
                image: DecorationImage(
                  image: NetworkImage(
                    "https://img.freepik.com/free-photo/painting-mountain-lake-with-mountain-background_188544-9126.jpg?w=2000",
                  ),
                  fit: BoxFit.cover,
                ),
              ),
              child: const FadingInWidget(
                delay: Duration(seconds: 3),
                child: Text(
                  "Welcome to Fading In Widget Demo",
                  style: TextStyle(
                    fontSize: 32,
                    color: Colors.white,
                    shadows: [
                      Shadow(
                        offset: Offset(2, 2),
                        blurRadius: 4.0,
                        color: Colors.black,
                      ),
                    ],
                    fontWeight: FontWeight.w600,
                  ),
                  textAlign: TextAlign.center,
                ),
              ),
            ),
          ),
          const SizedBox(height: 64),
          FadingInWidget(
            delay: const Duration(seconds: 3, milliseconds: 500),
            child: ElevatedButton(onPressed: () {}, child: const Text("Next")),
          ),
        ],
      ),
    );
  }
}