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