flutter pub add overlapped_carousel根據套件公開資料產生的選型評估，僅供參考。
一個 Flutter 套件，提供簡單的水平重疊輪播圖組件，非常適合展示具有視覺吸引力的重疊效果項目。支援平滑捲動，並專為需要動態、互動式卡片佈局的應用程式設計。此組件輕量且相容於所有主要平台，包括 Android、iOS、Web、macOS、Windows 和 Linux。完美適用於以現代、吸引人的方式展示圖片、產品或內容。
以下為關聯原始碼儲存庫的 README 原文快照，最新內容請造訪原始碼儲存庫。
A horizontal overlapped carousel widget. The center widget will be at the top of the stack.
| Demo 1 | Demo 2 |
|---|---|
 |
 |
Add overlapped_carousel: ^1.1.0 to your pubspec.yaml dependencies. And import it:
import 'package:overlapped_carousel/overlapped_carousel.dart';
Simply add a OverlappedCarousel widget with required params.
@override
Widget build(BuildContext context) {
var screenWidth = MediaQuery.of(context).size.width;
var screenHeight = MediaQuery.of(context).size.height;
return Scaffold(
backgroundColor: Colors.blue,
//Wrap with Center to place the carousel center of the screen
body: Center(
//Wrap the OverlappedCarousel widget with SizedBox to fix a height. No need to specify width.
child: SizedBox(
height: min(screenWidth / 3.3 * (16 / 9),screenHeight*.9),
child: OverlappedCarousel(
widgets: widgets, //List of widgets
currentIndex: 2,
onClicked: (index) {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text("You clicked at $index"),
),
);
},
// To obscure or blur cards not in focus use the obscure parameter.
obscure: 0.4,
// To control skew angle
skewAngle: 0.25,
),
),
),
);
}
暫無相關資料。