パッケージ、リポジトリ、アプリカテゴリを検索

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
      },
    ),
  );

カテゴリー

ソースリポジトリ

このパッケージを使用しているプロジェクト

データはまだありません。