入门动画

入门动画为入门屏幕提供类似页面翻页的动画，并带有页面指示器。

屏幕截图和屏幕录制

OnBoarding Animation

用法

安装

将 onboarding_animation: any 添加到您的 pubspec.yaml 依赖项中。然后导入它。

import 'package:onboarding_animation/onboarding_animation.dart';

示例

OnBoardingAnimation(
          pages: [
           Container(),
           Container(),
           Container(),
          ],
          indicatorDotHeight: 7.0,
          indicatorDotWidth: 7.0,
          indicatorType: IndicatorType.expandingDots,
          indicatorPosition: IndicatorPosition.bottomCenter,
        ),

参数

必需参数

pages

  • 需要传递 Widgets 列表来提供入门卡片的内容。

可选参数

indicatorOffset

  • 此参数用于设置指示器的偏移量。

indicatorDotWidth

  • 设置指示器点的宽度。

indicatorDotHeight

  • 设置指示器点的宽度。

indicatorDotSpacing

  • 使用此参数，用户可以定义指示器点之间的间距。

indicatorDotRadius

  • 这用于设置指示器中显示的圆的半径。

indicatorInActiveDotColor

  • 这用于设置非活动（未选择）点的颜色。

indicatorActiveDotColor

  • 这用于设置活动（已选择）点的颜色。

indicatorStrokeWidth

  • 如果 PaintStyle 选择为 stroke，则 indicatorStrokeWidth 用于设置笔触的宽度。

indicatorType

  • 这是一个枚举，用于选择指示器的类型。

indicatorPosition

  • 这是一个枚举，用于选择指示器的位置。

indicatorColorTransitionActiveStrokeWidth

  • 需要传递 Widgets 列表来提供入门卡片的内容。

indicatorExpansionFactor

  • indicatorExpansionFactor 乘以 indicatorDotWidth 来确定扩展点的宽度。

indicatorJumpScale

  • 点在跳动时达到的最大缩放比例。

indicatorVerticalOffset

  • 跳动点的垂直偏移量。

indicatorPaintStyle

  • indicatorPaintStyle 用于在填充和描边样式之间进行选择。

indicatorWormType

  • indicatorWormType 有助于在 normal 和 thin 之间选择 WormType 的形式。

indicatorSwapType

  • indicatorSwapType 有助于在 normal、yRotation 和 zRotation 之间选择 SwapType 的形式。

indicatorActivePaintStyle

  • 非活动点的绘制样式（填充/描边），默认为填充。

indicatorActiveStrokeWidth

  • 如果 indicatorActivePaintStyle 为 PaintStyle.fill，则忽略此项。

indicatorScale

  • indicatorScale 乘以 indicatorDotWidth 来确定活动点的缩放。

indicatorActiveDotScale

  • indicatorActiveDotScale 乘以 indicatorDotWidth 来确定活动点的缩放。

indicatorMaxVisibleDots

  • 一次最多显示的点的数量，如果数量小于等于 maxVisibleDots，则 indicatorMaxVisibleDots = 数量，必须是大于等于 5 的奇数。

indicatorFixedCenter

  • 如果为 True，则使用旧的中心点样式。

indicatorInActiveDotDecoration

  • 如果 indicatorType 选择为 custom，则 indicatorInActiveDotDecoration 用于设置非活动点的装饰。

indicatorActiveDotDecoration

  • 如果 indicatorType 选择为 custom，则 indicatorActiveDotDecoration 用于设置活动点的装饰。

indicatorActiveColorOverride

  • 此参数用于覆盖现有的活动颜色。

indicatorInActiveColorOverride

  • 此参数用于覆盖现有的非活动颜色。

贡献者指南

我们始终欢迎对我们的存储库做出贡献，我们要求贡献者仅向开发分支提交拉取请求。

报告问题/功能请求指南

如果报告者能分享以下内容来帮助我们了解问题的根本原因，那将对我们非常有帮助。

  • 库版本
  • 代码片段
  • 日志（如适用）
  • 设备规格（例如，制造商、操作系统版本等）
  • 带重现步骤的屏幕截图/视频

使用的库

许可证！

OnBoarding Animation 是 MIT 许可。

告诉我们！

如果您发送您使用我们组件的项目链接，我们将非常高兴。只需将电子邮件发送至 [email protected]。如果您对我们的工作有任何疑问或建议，也请告诉我们。

GitHub

查看 Github