https://github.com/mbixjkee/sliver_spinner

Simple sliver that spin when moving out from leading edge of viewport.
https://github.com/mbixjkee/sliver_spinner

flutter sliver ui

Last synced: 20 days ago
JSON representation

Simple sliver that spin when moving out from leading edge of viewport.

• Host: GitHub
• URL: https://github.com/mbixjkee/sliver_spinner
• Owner: MbIXjkee
• License: mit
• Created: 2021-10-31T09:46:00.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-06-17T11:13:40.000Z (over 1 year ago)
• Last Synced: 2024-10-03T09:24:39.394Z (about 1 month ago)
• Topics: flutter, sliver, ui
• Language: Dart
• Homepage:
• Size: 93.8 KB
• Stars: 12
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Sliver-spinner



## Description

Simple sliver that spin when moving out from leading edge of viewport.

## How to use

For using you have to place this widget in scrollable area. It may look like:

```dart

class DemoScreen extends StatelessWidget {

  static const urls = [

    'https://www.stockvault.net/data/2018/12/30/258501/preview16.jpg',

    'https://www.stockvault.net/data/2010/10/01/115175/preview16.jpg',

    'https://www.stockvault.net/data/2011/04/18/122242/preview16.jpg',

    'https://www.stockvault.net/data/2014/03/26/155336/preview16.jpg',

    'https://www.stockvault.net/data/2018/12/30/258501/preview16.jpg',

    'https://www.stockvault.net/data/2010/10/01/115175/preview16.jpg',

    'https://www.stockvault.net/data/2011/04/18/122242/preview16.jpg',

    'https://www.stockvault.net/data/2014/03/26/155336/preview16.jpg',

    'https://www.stockvault.net/data/2018/12/30/258501/preview16.jpg',

    'https://www.stockvault.net/data/2010/10/01/115175/preview16.jpg',

    'https://www.stockvault.net/data/2011/04/18/122242/preview16.jpg',

    'https://www.stockvault.net/data/2014/03/26/155336/preview16.jpg',

  ];

  const DemoScreen({Key? key}) : super(key: key);

  @override

  Widget build(BuildContext context) {

    return Scaffold(

      body: CustomScrollView(

        slivers: urls

            .map(

              (url) =>

              Spinner(

                child: ClipRRect(

                  borderRadius: BorderRadius.circular(20),

                  child: Image.network(

                    url,

                    fit: BoxFit.cover,

                    height: 300,

                  ),

                ),

              ),

            )

            .toList(),

      ),

    );

  }

}

```

## Maintainer

[Mikhail Zotyev](https://github.com/MbIXjkee)