搜索插件、代码仓与 APP 分类

stacked_page_view 封面
插件详情v1.1.2

stacked_page_view

一个用于创建垂直轮播图的 Flutter 插件。该包非常轻量,其实际代码仅约 109 行。

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
25
喜欢数
24
Pub 分数
150

安装插件

flutter pub add stacked_page_view

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

StackedPageView 是一个轻量级的 Flutter 包,旨在创建具有堆叠分层效果的垂直轮播。它可实现流畅滚动页面,这些页面以视觉上吸引人的重叠布局呈现。代码量仅约 109 行,保持了极简和高效。该包支持 Android、iOS、Web、macOS、Windows 和 Linux 多个平台,适用于跨平台应用。非常适合以引人入胜的方式展示图片、卡片或幻灯片等内容。

适合场景

  • 创建垂直图像轮播
  • 显示分层内容卡片
  • 构建交互式幻灯片
  • 增强入门屏幕
  • 设计移动应用介绍
  • 展示产品演示

主要特点

  • 最小代码库(约109行)
  • 垂直堆叠布局
  • 平滑滚动过渡
  • 跨平台支持
  • 轻量级性能
  • 可自定义页面对齐

适合对象

  • 寻求轻量级轮播解决方案的开发者
  • 希望实现分层视觉效果的应用程序设计师
  • 需要简单而优雅的页面过渡效果的项目
  • 内容密集型界面的移动和网页应用
  • 快速原型设计交互式UI

使用建议

  • 与功能齐全的轮播图相比,自定义选项有限
  • 无内置分页指示器
  • 最适合简单的堆叠布局
  • 可能需要额外的样式来实现复杂的设计
  • 不适合横向轮播
  • 依赖外部包以实现高级手势

原始 README

以下为关联源码仓库的 README 原文快照,最新内容请访问源码仓库。

Stacked Page View!

flutter dart

pub.dev/stacked_page_view

Hi! This package will create stacked page view in your flutter app. it's as lightweight as it can get⚡⚡ .

  • Just wrap it between your PageView builder and the iterable children like the code below.
PageView.builder(
        itemCount: 10,
        scrollDirection: Axis.vertical,
        controller: pageController,
        itemBuilder: (context, index) {
          return StackPageView(
            controller: pageController,
            index: index,
            child: Container(
              color: (colors..shuffle()).first,
              child: Center(
                child: Text(
                  '$index',
                  style: TextStyle(
                    color: Colors.white,
                    fontSize: 25,
                  ),
                ),
              ),
            ),
          );
        },
      )

example gif

所属分类

源码仓库

使用此插件的项目

暂无相关数据。