FLUTTER ECOSYSTEM

naveenpardeep/flutter_image_slider

naveenpardeep/flutter_image_slider open-source repository details.

flutter_image_slider 專案封面
Stars
3
Forks
0
最近推送(UTC)
2024年8月1日
專案狀態
未封存
Naveen GitHub avatar
GITHUB User

Naveen ↗

語言C++CMakeDartRubyHTMLSwiftCKotlinObjective-C

此儲存庫發佈的套件

使用的依賴

依賴清單 5 項

原始 README

以下為英文專案原文快照,最新內容請造訪 GitHub。

展開 / 收合專案 README

Flutter image carousel slider

Features

Fast flutter image carousel slider and smooth slides

Getting started

A carousel slider in Flutter is a UI widget used to display a series of items horizontally in a scrolling manner, typically with one item visible at a time. It allows users to swipe or scroll through the items, providing a visually appealing and interactive way to navigate content. Image carousels, commonly referred to as sliders, are interactive elements on web pages that showcase multiple images or content pieces in a rotating sequence. Originating as simple photo sliders, their evolution has been influenced significantly by advancements in web technology.

to use this package import the latest package and directly pass the images path like this-->

ImageCarouselSlider(items: imageList),

image

To show images in gallery view just use like this

 InkWell(
         onTap: () {
             Navigator.of(context)
                .push(MaterialPageRoute(
                  builder: (context) {
                          return ImageListView(
                            imageList: imageList,
                          );
                        }));
                       
                      },
      child:
         ImageCarouselSlider(
              items: imageList,
              imageHeight: 300,
              dotColor: Colors.black,
            ),
                    ),

image

/// To show image carousel left right viewportFraction InkWell( onTap: () { Navigator.of(context) .push(MaterialPageRoute(builder: (context) { return ImageListView( imageList: imageList, ); })); },

            ///user can add image height and dots color
            child: ImageCarouselSliderLeftRightShow(
              items: imageList,
              imageHeight: 300,
              dotColor: Colors.black,
            ),
          ),

image

for Asset image AssetImageCarouselSliderLeftRightShow( items: imageList, imageHeight: 300, dotColor: Colors.black, ),

           AssetImageCarouselSlider(
              items: imageList,
              imageHeight: 300,
              dotColor: Colors.black,
            ),

Any help or suggestion contact me naveensheoran1000@gmail.com or telegram @NaveenSheoran777