FLUTTER ECOSYSTEM

TNorbury/flutter-fader

A simple flutter widget that allows you fade out its children, making them both invisible and unusable, until you fade them back in.

flutter-fader project cover
Stars
2
Forks
0
Last push (UTC)
Aug 24, 2022
Project status
Active
Tyler Norbury GitHub avatar
GITHUB User

Tyler Norbury ↗

Head of Mobile Development at @vakaros

@vakarosUK
LanguagesDart

Technical topics

Packages published by this repository

Dependencies used

Dependency list 3 items
  • flutter{"sdk":"flutter"}
  • flutter_lintsDevelopment^2.0.1
  • flutter_testDevelopment{"sdk":"flutter"}

Original README

English project snapshot. Visit GitHub for the latest content.

Expand / collapse project README

flutter_fader

pub package codecov style: flutter lints License: MIT

A widget for Flutter that allows you to fade in and out a child widget.
When a widget is faded out it is no longer in the view tree. Meaning that it can't be used or interacted with. Handy for hiding buttons.

Example of fader with buttons Example of fader with scroll

Getting started

In your Flutter project, add the package to your dependencies

dependencies:
  ...
  flutter_fader: ^2.0.0

Usage example

Examples of how to use the widget, and that can also be ran on your device, can be found in the example directory

Import the fader package

import 'package:flutter_fader/flutter_fader.dart';

Create a fader controller, this allows you to control when the Fader fades in or out

FaderController faderController = new FaderController();

Create a fader widget, and pass it the fader controller

Fader(
  controller: faderController,
  duration: const Duration(milliseconds: 50),
  child: Text("Hello, world!"),
)

Now you can fade the child widget in and out at will

faderController.fadeOut();
faderController.fadeIn();