snap_carousel 0.1.0

  • Readme
  • Changelog
  • Example
  • Installing
  • 65

Snap Carousel #

An Flutter Snap Carousel which provide ability to show more than one UI component inside the Carousel's viewport. Pull requests are welcome

Features #

  • Use to create Carousel with ability to snap at a position after scrolling

Getting Started #

Make sure you add the lib dependency in your flutter project.

dependencies:
  snap_carousel: 0.1.0

Then you should run flutter packages get to update your packages in your IDE.

Example Project #

Checkout the project inside example folder.

Usage #

Use createCarousel factory function to create an Snap Carousel instance.

AmazingCarousel.createCarousel(
  childCount: [CAROUSEL_LENGTH],
  childWidth: [CAROUSEL_CHILD_WIDTH],
  paddingHorizontal: [CAROUSEL_PADDING_HORIZONTAL],
  paddingBetweenChildren: [PADDING_BETWEEN_ITEMS],
  onSnap: (page) {
    // Carousel has stop at page.
  },
  itemBuilder: (BuildContext context, int pos) {
    // Build your carousel child.
  },
)

Properties:

NameUsageType
childCountItems countint
childWidthSingle item widthdouble
paddingHorizontalHorizontal padding of the Carouseldouble
paddingBetweenChildrenHorizontal padding between itemsdouble
onSnapCallback when Carousel snap at a positionValueChanged<int>
itemBuilderItemBuilder which is function receive BuildContext and child's position for you to build Carousel's childrensFunction

Support #

Email me at phuchuynh.strong@gmail.com for any support needed

[0.0.1] - July 28 2019.

  • Project's initialization
  • Support only Horizontal direction
  • Support ItemBuilder like ListView, GridView

[0.0.2] - July 28 2019

  • Fix childCount wasn't integrated into SliverList

[0.0.3] - July 28 2019

  • Remove usages of infinite list
  • Prevent scrolling beyond the end

[0.0.4] - July 28 2019

  • Fix wrong addition into current offset in onHorizontalDragEnd

[0.0.5] - July 28 2019

  • Fix wrong addition into current offset in onHorizontalDragEnd (Pt. 2)

[0.0.6] - July 28 2019

  • Fix wrong addition into current offset in onHorizontalDragEnd (Pt. 3)

[0.0.7] - July 28 2019

  • Remove wrong condition in calculation of current offset

[0.1.0] - August 31 2019

  • Improve scrolling to end conditions
  • Add onSnap callback
  • Add example projects

example/README.md

example #

A new Flutter project.

Getting Started #

This project is a starting point for a Flutter application.

A few resources to get you started if this is your first Flutter project:

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

Use this package as a library

1. Depend on it

Add this to your package's pubspec.yaml file:


dependencies:
  snap_carousel: ^0.1.0

2. Install it

You can install packages from the command line:

with Flutter:


$ flutter pub get

Alternatively, your editor might support flutter pub get. Check the docs for your editor to learn more.

3. Import it

Now in your Dart code, you can use:


import 'package:snap_carousel/amazing_carousel.dart';
import 'package:snap_carousel/carousel.dart';
  
Popularity:
Describes how popular the package is relative to other packages. [more]
31
Health:
Code health derived from static analysis. [more]
100
Maintenance:
Reflects how tidy and up-to-date the package is. [more]
100
Overall:
Weighted score of the above. [more]
65
Learn more about scoring.

We analyzed this package on Nov 11, 2019, and provided a score, details, and suggestions below. Analysis was completed with status completed using:

  • Dart: 2.6.0
  • pana: 0.12.21
  • Flutter: 1.9.1+hotfix.6

Platforms

Detected platforms: Flutter

References Flutter, and has no conflicting libraries.

Dependencies

Package Constraint Resolved Available
Direct dependencies
Dart SDK >=2.1.0 <3.0.0
flutter 0.0.0
Transitive dependencies
collection 1.14.11 1.14.12
meta 1.1.7 1.1.8
sky_engine 0.0.99
typed_data 1.1.6
vector_math 2.0.8
Dev dependencies
flutter_test