flutter_fadein

Flutter Fade-In

Simple Flutter widget to fade-in your widgets once they are mounted.

Supports Material & Cupertino widgets.

Required Dart >=2.12 (has null-safety support).

Pub - API Docs - GitHub

Install

Add this as a dependency in your pubspec.yaml:

dependencies:
  flutter_fadein: ^2.0.0

Usage

import 'package:flutter_fadein/flutter_fadein.dart';

FadeIn(
  child: Text("This will be faded-in!"),
  // Optional paramaters
  duration: Duration(milliseconds: 250),
  delay: Duration(milliseconds: 250)
  curve: Curves.easeIn,
)

With Controller

If you need more control over the animation timing, you can use FadeInController:

final controller = FadeInController();

// ...

FadeIn(
  child: Text("This will be faded-in with a controller"),
  controller: controller,
)

// ...

controller.fadeIn();
controller.fadeOut();

Using a controller with not automatically start. You can make it automatically start using FadeInController(autoStart: true). Note that the delay parameter does not work while using a controller, and will therefore raise an exception.