faded_scrollable 1.0.1 copy "faded_scrollable: ^1.0.1" to clipboard
faded_scrollable: ^1.0.1 copied to clipboard

A wrapper for any scrollable widget that will add fade in/out effect on top & bottom respectively whenever there is scrollable content beyond the screen's extent.

example/lib/main.dart

import 'package:faded_scrollable/faded_scrollable.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(
      debugShowCheckedModeBanner: false,
      title: 'Faded Scrollable Demo',
      home: Scaffold(
        body: Padding(
          padding: const EdgeInsets.symmetric(vertical: 8),
          child: SafeArea(
            child: FadedScrollable(
              child: ListView.separated(
                separatorBuilder: (context, index) => const Divider(),
                itemCount: 40,
                itemBuilder: (context, index) => ListTile(
                  minTileHeight: 32,
                  minVerticalPadding: 0,
                  dense: true,
                  title: Text('Title $index'),
                  subtitle: Text('Subtitle $index'),
                ),
              ),
            ),
          ),
        ),
      ),
    );
  }
}
5
likes
155
points
103
downloads

Publisher

unverified uploader

Weekly Downloads

A wrapper for any scrollable widget that will add fade in/out effect on top & bottom respectively whenever there is scrollable content beyond the screen's extent.

Repository (GitHub)
View/report issues

Documentation

API reference

License

BSD-3-Clause (license)

Dependencies

flutter

More

Packages that depend on faded_scrollable