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

wave_transition 封面
插件详情v0.0.6

wave_transition

一个帮助您创建令人惊叹的波浪过渡效果的 Flutter 包。

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
27
喜欢数
32
Pub 分数
150

安装插件

flutter pub add wave_transition

插件介绍

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

一个专为创建屏幕或小部件之间流畅且视觉上吸引人的波浪过渡效果而设计的 Flutter 包。它使开发者能够以最少的代码实现流体、动画波浪效果,通过动态视觉反馈提升用户体验。非常适合注重引人入胜动画的现代应用程序界面。该包支持所有主要平台,包括 Android、iOS、Web、macOS、Windows 和 Linux,确保在各种设备上行为一致。

适合场景

  • 创建动画屏幕过渡
  • 通过波浪效果增强UI导航
  • 为按钮点击增添视觉魅力
  • 设计带有波浪动画的启动屏幕
  • 实现交互式小部件过渡

主要特点

  • 平滑波浪动画效果
  • 跨平台兼容性
  • 简单的 API 集成
  • 可自定义的波形参数
  • 轻量且高效
  • 支持正向和反向过渡

适合对象

  • 寻求动态动画的UI/UX设计师
  • 开发现代 Flutter 应用的开发者
  • 需要引人入胜的引导体验的应用程序
  • 专注于视觉叙事的项目
  • 致力于打造精致、专业的界面的团队

使用建议

  • 可能会影响低端设备的性能
  • 需要仔细调整以获得最佳视觉效果
  • 除了波形和速度外,自定义选项有限
  • 不适合复杂的过渡逻辑
  • 建议谨慎使用,以避免视觉杂乱

原始 README

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

wave_transition

The package will provide smooth wave transitions between pages without having to write any boilerplate code.

example

Getting Started

[Example] (https://github.com/sonykurian96/wave_transition/blob/master/example/lib/main.dart)

To use this package : *add the dependency to your [pubspec.yaml] file

   dependencies:
     flutter:
       sdk: flutter
     wave_transition:

use case

   onPressed: () {
     Navigator.push(
       context,
       WaveTransition(
        child: SecondScreen(),
        center: FractionalOffset(0.90, 0.90)
        duration: Duration(milliseconds: 3000) // optional
      )
   );
 },

You can pass arguments using RouteSettings ->

    settings: RouteSettings(
      arguments: "yeah! it works!"
    )

所属分类

源码仓库

使用此插件的项目

暂无相关数据。