Search categories, packages and repositories

GitHub repositoryTNorbury/flutter-fader

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

Original README

English project snapshot. Visit GitHub for the latest content.

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();
Tyler Norbury GitHub avatar
GitHub author

Tyler Norbury ↗

Head of Mobile Development at @vakaros

@vakarosUK
LanguagesDart

Categories

Packages published by this repository

Dependencies used

Dependency list 3 items

  • flutter{"sdk":"flutter"}
  • flutter_lintsDevelopment^2.0.1
  • flutter_testDevelopment{"sdk":"flutter"}

How do I choose a repository?

Start with your use case, compare repository activity, and check the original project before adopting it.

  1. Search by repository name, owner or description, then narrow the results by topic.
  2. Compare stars, forks and recent pushes. Stars show community interest, not a guarantee of quality.
  3. Read the README, license and issues on GitHub before using a project.

Sources and maintenance

“A repository is the most basic element of GitHub.”

GitHub Docs — About repositories ↗