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

flutter_onboarding_screen のカバー
パッケージ詳細v2.0.2

flutter_onboarding_screen

開発者がアプリのオンボーディング画面を作成するのを支援するFlutterパッケージです。

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
53
いいね数
26
Pub ポイント
135

パッケージをインストール

flutter pub add flutter_onboarding_screen

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

モバイルおよびWebアプリケーションのオンボーディング画面の作成を簡素化することを目的としたFlutterパッケージです。滑らかでインタラクティブな方法で紹介コンテンツを提示できるカスタマイズ可能なカルーセルインターフェースを提供します。Android、iOS、Web、macOS、Windows、Linuxなど複数のプラットフォームに対応しており、デバイス間で一貫したオンボーディング体験を実現します。簡単に統合でき、アプリ初回起動時のユーザー参加度を高めます。

用途

  • アプリオンボーディングフロー
  • ユーザーのチュートリアル画面
  • 初めてのユーザー体験
  • 製品機能紹介
  • 複数ページのウェルカム画面

主な機能

  • 事前構築されたオンボーディングカルーセル
  • カスタマイズ可能な UI コンポーネント
  • クロスプラットフォーム互換性
  • Flutterとの簡単な統合
  • アニメーションおよびトランジションのサポート

適している対象

  • 新しいアプリ開発者
  • ユーザーエクスペリエンスを重視したプロジェクト
  • モバイルおよびウェブアプリ
  • オンボーディング重視のアプリケーション
  • 最小のセットアップ要件

注意事項

  • 基本的なスタイリングを超えるカスタマイズは限られている
  • 外部の依存関係に依存しています
  • 追加の状態管理が必要になる可能性があります
  • 複雑なナビゲーションパターンには適していない
  • 組み込みのアナリティクス追跡なし

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

flutter onboarding screen

A new Flutter package for both android and iOS which help developer in creating a onboarding screen of their app.

Bitbucket open issues

Screenshots

Usage

Example

To use this package :

  dependencies:
    flutter:
      sdk: flutter
    flutter_onboarding_screen:
How to use
class TestScreen extends StatelessWidget {
    /*here we have a list of OnbordingScreen which we want to have, each OnbordingScreen have a imagePath,title and an desc.
      */
  final List<OnbordingData> list = [
    OnbordingData(
      imagePath: "images/pic11.png",
      title: "Search",
      desc:"Discover restaurants by type of meal, See menus and photos for nearby restaurants and bookmark your favorite places on the go",
    ),
    OnbordingData(
      imagePath: "images/pic12.png",
      title: "Order",
      desc:"Best restaurants delivering to your doorstep, Browse menus and build your order in seconds",
    ),
    OnbordingData(
      imagePath: "images/pic13.png",
      title: "Eat",
      desc:"Explore curated lists of top restaurants, cafes, pubs, and bars in Mumbai, based on trends.",
    ),
  ];

  @override
  Widget build(BuildContext context) {
    /* remove the back button in the AppBar is to set automaticallyImplyLeading to false
  here we need to pass the list and the route for the next page to be opened after this. */
    return new IntroScreen(list,MaterialPageRoute(builder: (context) => NextScreen()),
    );
  }
}
Created & Maintained By

Tushar Nikam

  Stackoverflow Buy Me A Coffee

カテゴリー

ソースリポジトリ

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

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