Description:
flexi image slider
flexi_image_slider #
Image slider with auto scroll, dots indicator
Features #
set image with your aspect ratio
auto scroll option
Installation #
In your pubspec.yaml file within your Flutter Project:
dependencies:
flexi_image_slider: 1.0.8
copied to clipboard
Usage #
//required fields
aspectRatio: set you slider height like 1.0,1.5,2.0 etc...
arrayImages: pass your List<String> type array which contains image urls
//optional fields ------------
autoScroll: auto scroll enable disable by set true/false here
viewportFraction: set its value between 0.5 to 0.9 for display left & right side image preview
boxFit: set your image content mode
indicatorPosition: set indicator position like none,over slider or display at bottom of slider
indicatorAlignment: where you want to set your slider like left,right or center
duration: set your slider image changed speed by setting duration
indicatorActiveColor: set active color for indicator,
indicatorActiveColor: set deactive color for indicator,
borderRadius: set any double value for give radius to your image
onTap : want to execute some action on image click use this
copied to clipboard
//import package
import 'package:flexi_image_slider/flexi_image_slider.dart';
flexi_image_slider(
//required fields ---------
context: context,
aspectRatio: 16/14,
arrayImages: arrayImages,
//optional fields ------------
autoScroll: true,
viewportFraction: 0.8,
boxFit: BoxFit.fill,
indicatorPosition: IndicatorPosition.overImage,//IndicatorPosition.afterImage,IndicatorPosition.overImage,IndicatorPosition.none
indicatorAlignment: IndicatorAlignment.left,//IndicatorAlignment.left,IndicatorAlignment.right,IndicatorAlignment.center
duration: const Duration(seconds: 4),
indicatorActiveColor: Colors.blue,
indicatorDeactiveColor: Colors.grey,
borderRadius: 0,
onTap: (int index){
print("$index index clicked");
//handle your click events
},
),
copied to clipboard
NOTE: Images used only for demo purpose
License
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
Files:
Customer Reviews
There are no reviews.
