垂直卡片翻页器
使用动态且精美的卡片视图分页器,帮助您创建出色的应用。
预览




新功能
v1.3.0
- 更改对齐方式
| 左 | 居中(默认) | 右 |
|---|---|---|
![]() |
![]() |
![]() |
v1.4.0
- 启用Web
安装
-
将依赖项添加到
pubspec.yaml在 pub.dartlang.org 的“安装”选项卡中获取最新版本
dependencies:
vertical_card_pager: ^1.5.0
- 导入包
import 'package:vertical_card_pager/vertical_card_pager.dart';
- 添加
VerticalCardPager
使用可选参数
@override
Widget build(BuildContext context) {
final List<String> titles = ["RED", "YELLOW", "BLACK", "CYAN", "BLUE", "GREY", ];
final List<Widget> images = [
Container(
color: Colors.red,
),
Container(
color: Colors.yellow,
),
Container(
color: Colors.black,
),
Container(
color: Colors.cyan,
),
Container(
color: Colors.blue,
),
Container(
color: Colors.grey,
),
];
return Scaffold(
body: SafeArea(
child: Column(
children: <Widget>[
Expanded(
child: Container(
child: VerticalCardPager(
titles: titles, // required
images: images, // required
textStyle: TextStyle(color: Colors.white, fontWeight: FontWeight.bold), // optional
onPageChanged: (page) { // optional
},
onSelectedItem: (index) { // optional
},
initialPage: 0, // optional
align : ALIGN.CENTER // optional
),
),
),
],
),
),
);
}


