搜尋套件、儲存庫與 APP 分類

套件詳情v1.0.3

flutter_mobile_carousel

Flutter 輪播圖滑塊組件,支援拖曳並帶有動畫效果的單元格渲染。

近 30 天下載
30
喜歡數
24
Pub 分數
25

安裝套件

flutter pub add flutter_mobile_carousel

套件介紹

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

一個 Flutter 開關滑塊小部件,可實現平滑的拖曳動畫來渲染可滾動的單元格。專為互動式、視覺上吸引人的內容顯示而設計,支援水平或垂直滾動,並具備流暢的過渡效果。非常適合以動態、使用者友善的方式展示圖片、產品或卡片。此套件輕量且能輕鬆整合至現有的 Flutter 專案中。它利用原生手勢處理來實現響應式互動,適用於需要直覺滑動導航的應用程式。

適用情境

  • 顯示圖像畫廊
  • 展示產品輪播
  • 建立互動式入門畫面
  • 展示基於卡片的內容
  • 建構覆蓋流介面

主要特色

  • 拖放動畫支援
  • 平滑滾動過渡
  • 可自訂的單元格渲染
  • 手勢回應式設計
  • 輕量且易於整合

適合對象

  • 帶有視覺內容的行動應用程式介面
  • 電子商務產品展示
  • 入職體驗
  • 互動媒體畫廊
  • 基於滑動的導航模式

使用建議

  • 有限的平台特定自訂
  • 無內建分頁指示器
  • 需要手動處理大型數據集
  • 未針對極高幀率進行優化
  • 可能需要額外的樣式來處理複雜的佈局

原始 README

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

Flutter carousel

Flutter carousel slider widget, allow render cells with Drag-and-drop animation.

Features

  • Easy to use API
  • Drag and drop without lags
  • Uniformly accelerated motion animation
  • Available customize carousel cells and background
  • Auto size cells by horizontal
  • Fix cells count
  • Motion event handling

Installation

Add flutter_mobile_carousel: ^1.0.2 in your pubspec.yaml dependencies. Import the library via:

import 'package:flutter_mobile_carousel/carousel.dart';

Run example

In repository directory run this commands in terminal:

cd example
flutter run

demo.gif

Usage

Create simple Carousel widget:

Carousel(
  rowCount: 3,
  children: [
    'Item 1',
    'Item 2',
    'Item 3',
    'Item 4',
    'Item 5',
    'Item 6',
  ].map((String itemText) {
    return DefaultCarouselItem(itemText);
  }).toList()
),

You can watch more examples in example directory

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。