Skip to content

This package helps you display a list of your widgets with the blurred image in the first item.

License

Notifications You must be signed in to change notification settings

esmaeil-ahmadipour/flutter_faded_list

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Screenshot

Flutter Faded List plugin

This package helps you display a list of your widgets with the blurred image in the first item.

Screenshot

Installation

To use this plugin, add flutter_faded_list in your pubspec.yaml

dependencies:
  flutter_faded_list: ^0.0.4

Or install automatically using this command

$ flutter pub add flutter_faded_list

Simple to use

import 'package:flutter_faded_list/flutter_faded_list.dart';

...
               FadedHorizontalList(
                  blankSpaceWidth: 200,
                  bodyColor: const Color(0xffAD4516),
                  imageWidget: Image.network("https://i.picsum.photos/id/478/536/354.jpg?hmac=adxYyHX8WcCfHkk07quT2s92fbC7vY2QttaeBztwxgI"),
                  children: [
                    for (var i = 0; i < 10; ++i)
                      const Padding(
                      padding: const EdgeInsets.all(70.0),
                      child:Text("  Hello World!  ")),
                  ],
                ),
...

And bonus widget 🎉

Use this widget in FadedHorizontalList for headerWidget property .

import 'package:flutter_faded_list/flutter_faded_list.dart';

FadedHeaderWidget(title: Text("Sample Header Title")),
...

About

This package helps you display a list of your widgets with the blurred image in the first item.

Resources

License

Code of conduct

Security policy

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages