搜尋分類、套件與程式碼儲存庫

curved_carousel 封面
套件詳情v0.0.8

curved_carousel

曲線輪播圖以曲線方式水平和垂直顯示組件清單。

AndroidiOSWebmacOSWindowsLinux
近 30 天下載
122
喜歡數
67
Pub 分數
150

安裝套件

flutter pub add curved_carousel

套件介紹

根據套件公開資料產生的選型評估,僅供參考。

Curved Carousel 是一個 Flutter 套件,可將一組小部件以彎曲且視覺上吸引人的佈局顯示出來,支援橫向和縱向兩種方向。它透過動態流暢的方式呈現內容,帶來類似封面流效果的使用者體驗。非常適合展示圖片、卡片或其他具有現代美感的 UI 元素。該套件相容所有主要平台,包括 Android、iOS、Web、macOS、Windows 和 Linux,適用於跨平台應用開發。它與 Flutter 的小部件系統無縫整合,僅需透過 pub add 即可輕鬆設定。

適用情境

  • 在電子商務應用中展示產品圖片
  • 在媒體畫廊中顯示精選內容
  • 建立具有視覺深度的互動式滑塊
  • 透過動態佈局增強入門畫面
  • 以獨特格式展示投資組合或作品集

主要特色

  • 支援水平和垂直彎曲佈局
  • 流暢的動畫和響應式互動
  • 跨平台相容性
  • 與Flutter小部件系統的輕鬆整合
  • 可客製化的曲線半徑和間距
  • 內建手勢支援用於導航

適合對象

  • 尋求現代輪播設計的開發者
  • 需要視覺上吸引人的內容展示的應用程式
  • 旨在實現互動式使用者介面的專案
  • 注重設計的應用程式,具有豐富的媒體內容
  • 跨平台移動和網頁應用

使用建議

  • 可能影響大資料集的效能
  • 需要仔細調整曲線參數以獲得最佳外觀
  • 超出基礎樣式的自訂選項有限
  • 不適合簡單的線性列表
  • 最適合中等規模的內容集合

原始 README

以下為關聯原始碼儲存庫的 README 原文快照,最新內容請造訪原始碼儲存庫。

Curved Carousel

curved_carousel version MIT License MIT License

A Flutter package for easy implementation of curved carousel.

Easy to use
CurvedCarousel(
      itemBuilder: (context, i) {
        return Item(img: listItem[i].img, selectionChange: (bool){
          print('onTap:: ${listItem[i].name}')
        }, selected: listItem[i].selected,key: ValueKey(listItem[i].selected),);
      },
      itemCount: listItem.length,
      middleItemScaleRatio: 1.5,
)
Attributes

itemBuilder : builder function returns widget of given index
itemCount : total widgets
viewPortSize : how much size a single item will have, the fractional value lies between 0 and 1, 1 means full size
curveScale : it specifies curviness
disableInfiniteScrolling : by default, infinite scrolling is enable, but if you want to disable it make it true
scaleMiddleItem : scales middle item of carousel, by default it is true
middleItemScaleRatio : it is scaling parameter for middle item
tiltItemWithcurve : does the items angle need to be follow to curve, by default this is true
horizontalPadding : a padding to apply horizontally to the carousel, the default is no padding
animationDuration : a duration of the item change animation in milliseconds, the default value is 300
onChangeEnd : a function to trigger when the item change animation is done
onChangeStart : a function to trigger when the item change animation is start
moveAutomatically : allow to change the current selected item automatically, default is set to false.
automaticMoveDelay : the delay between automatic movements, default is 5000
reverseAutomaticMovement : reverse the direction of the automatic movement, default is false

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。