https://github.com/fluttercandies/flutter_slider_view

A slider view widget that supports custom type models and various configs.
https://github.com/fluttercandies/flutter_slider_view

banner flutter flutter-desktop flutter-web infinite-scroll slider

Last synced: about 1 year ago
JSON representation

A slider view widget that supports custom type models and various configs.

• Host: GitHub
• URL: https://github.com/fluttercandies/flutter_slider_view
• Owner: fluttercandies
• License: apache-2.0
• Created: 2022-07-11T04:20:56.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2024-06-24T09:59:20.000Z (almost 2 years ago)
• Last Synced: 2025-04-01T16:14:33.790Z (about 1 year ago)
• Topics: banner, flutter, flutter-desktop, flutter-web, infinite-scroll, slider
• Language: Dart
• Homepage:
• Size: 214 KB
• Stars: 22
• Watchers: 3
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Codeowners: CODEOWNERS

Awesome Lists containing this project

README

          
# Slider View

[![All Contributors](https://img.shields.io/badge/all_contributors-2-orange.svg?style=flat-square)](#contributors-)

[![pub package](https://img.shields.io/pub/v/slider_view?label=stable)][pub package]

[![GitHub](https://img.shields.io/github/license/fluttercandies/flutter_slider_view)][repo]

[![GitHub stars](https://img.shields.io/github/stars/fluttercandies/flutter_slider_view?style=social&label=Stars)][repo]



A slider view widget that supports custom type models and various configs.

## Features ✨

- ⚡️ Support infinity scrolling

- 🎛 Control layout size from either **Aspect Ratio** or **Width * Height**

- 🖲 Displays indicators

- 💻 Desktop support

## Preparing for use 🍭

```shell

flutter pub add slider_view

```

## Usage 📖

```dart

Widget _buildSliderView(BuildContext context) {

  return SliderView(

    config: SliderViewConfig(

      aspectRatio: 16 / 9,

      models: models,

      itemBuilder: (String model) => Center(

        child: Text(

          model,

          style: Theme.of(context).textTheme.headline3,

        ),

      ),

    ),

  );

}

```

See `SliderViewConfig` for more details.

## Contributors ✨

Many thanks to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

  

    

      
Alex Li
💻 🎨 📖 💡 🤔 🚧 💬 👀

      
moxiaov587
💻 💡

    

  

This project follows the

[all-contributors](https://github.com/all-contributors/all-contributors) specification.

Contributions of any kind welcomed!!

[pub package]: https://pub.dev/packages/slider_view

[repo]: https://github.com/fluttercandies/flutter_slider_view