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

animated_introduction 封面
插件详情v1.0.4

animated_introduction

一个带有图片和动画的全新 Flutter 介绍包,可用于展示您的应用功能或产品演示。

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
108
喜欢数
104
Pub 分数
150

安装插件

flutter pub add animated_introduction

插件介绍

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

Animated Introduction 是一个 Flutter 包,旨在通过可自定义的图像和动画创建引人入胜的引导体验。它使开发者能够通过流畅、交互式的幻灯片展示应用功能或产品亮点。非常适合首次用户引导,支持 Android、iOS、Web、macOS、Windows 和 Linux 等多个平台。该包易于集成,并提供简洁现代的界面,用于动态呈现内容。

适合场景

  • 应用入门屏幕
  • 产品功能展示
  • 用户教程演示
  • 首次启动欢迎体验
  • 互动营销演示

主要特点

  • 可定制的图像和动画支持
  • 多平台兼容性
  • 通过 pub 简单集成
  • 平滑的滑动过渡
  • 每张幻灯片的可配置内容
  • 响应式设计

适合对象

  • 新应用开发者
  • 产品营销人员
  • UX设计师
  • 移动和网页应用开发者
  • 教育类应用程序构建工具

使用建议

  • 需要仔细优化资产
  • 有限的内置主题
  • 动画性能在旧设备上可能有所不同
  • 需要手动配置复杂流程
  • 不太适合高度动态的内容
  • 依赖外部图像资源

原始 README

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

Simple Animated Introduction Screen for Flutter

Features

Add this to your flutter app to get a simple animated introduction screen.

example

Getting started

Add this to your package's pubspec.yaml file:

dependencies:
  animated_introduction: ^1.0.3

Usage

Import the package
import 'package:animated_introduction/animated_introduction.dart';
Create a list of SingleIntroScreen objects
final List<SingleIntroScreen> pages = [
  const SingleIntroScreen(
    title: 'Welcome to the Event Management App !',
    description: 'You plans your Events, We\'ll do the rest and will be the best! Guaranteed!  ',
    imageAsset: 'assets/onboard_one.png',
  ),
  const SingleIntroScreen(
    title: 'Book tickets to cricket matches and events',
    description: 'Tickets to the latest movies, crickets matches, concerts, comedy shows, plus lots more !',
    imageAsset: 'assets/onboard_two.png',
  ),
  const SingleIntroScreen(
    title: 'Grabs all events now only in your hands',
    description: 'All events are now in your hands, just a click away ! ',
    imageAsset: 'assets/onboard_three.png',
  ),
];
Pass the list to AnimatedIntroduction widget
Scaffold(
  body: AnimatedIntroduction(
    slides: pages,
    indicatorType: IndicatorType.circle,
    onDone: () {
/// TODO: Go to desire page like login or home
      },
    ),
  );

所属分类

源码仓库

使用此插件的项目

暂无相关数据。