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

パッケージ詳細v1.0.1

sk_onboarding_screen

ユーザーをシンプルかつ簡単に複数のオンボーディング画面を通じて案内するライブラリ

30日間ダウンロード
37
いいね数
68
Pub ポイント
30

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

flutter pub add sk_onboarding_screen

パッケージ概要

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

sk_onboarding_screen は、複数の画面で構成されるオンボーディング体験を簡単に作成できるように設計されたFlutterパッケージです。チュートリアルやウェルカムスクリーンのシリーズを通じてユーザーを導くための使いやすいインターフェースを提供し、アプリ初回起動時のユーザー参加度を高めます。滑らかな遷移と各画面ごとのカスタマイズ可能なコンテンツをサポートしており、直感的なオンボーディングフローが必要なアプリに最適です。最小限の設定で、開発者はプロフェッショナルなオンボーディングカルーセルを迅速に実装できます。

用途

  • アプリオンボーディングフロー
  • ユーザーのチュートリアル画面
  • 初めてのユーザー体験
  • 製品機能紹介
  • スワイプナビゲーションによるオンボーディング
  • カスタマイズ可能なウェルカム画面

主な機能

  • マルチスクリーンオンボーディング用のシンプルAPI
  • スワイプベースのナビゲーション
  • スクリーンごとのカスタマイズ可能コンテンツ
  • 最小限のボイラープレートコード
  • 組み込みのトランジションアニメーション
  • Flutter プロジェクトとの簡単な統合

適している対象

  • 新しいモバイルアプリ開発者
  • ユーザーのオンボーディングを必要とするアプリ
  • 限られたデザインリソースを持つプロジェクト
  • 迅速なオンボーディング実装を求める開発者
  • UXオンボーディングに注力するスタートアップ

注意事項

  • プラットフォーム固有の動作に対する組み込みサポートなし
  • 複雑なアニメーションのカスタマイズが限定的
  • デフォルトではスキップまたは完了ボタンのスタイルが含まれません
  • オンボーディング完了ロジックの手動処理が必要
  • GitHub README 以外の公式ドキュメントはありません

元の README

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

SKOnBoarding Screen

  A library that walks a user through multiple on-boarding screens in a simple and easy way   Flutter

GIF

SKOnBoarding Demo

💻 Installation

You just need to add sk_onboarding_screen as a dependency in your pubspec.yaml file.

dependencies:
sk_onboarding_screen: ^1.0.1

Usage

Import this class
import 'package:sk_onboarding_screen/sk_onboarding_screen.dart;

SKOnboardingModel

  final pages = [
    SkOnboardingModel(
        title: 'Choose your item',
        description:
            'Easily find your grocery items and you will get delivery in wide range',
        titleColor: Colors.black,
        descripColor: const Color(0xFF929794),
        imagePath: 'assets/onboarding1.png'),
    SkOnboardingModel(
        title: 'Pick Up or Delivery',
        description:
            'We make ordering fast, simple and free-no matter if you order online or cash',
        titleColor: Colors.black,
        descripColor: const Color(0xFF929794),
        imagePath: 'assets/onboarding2.png'),
    SkOnboardingModel(
        title: 'Pay quick and easy',
        description: 'Pay for order using credit or debit card',
        titleColor: Colors.black,
        descripColor: const Color(0xFF929794),
        imagePath: 'assets/onboarding3.png'),
  ];
Pass it into SKOnboardingScreen Widget
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Scaffold(
      body: SKOnboardingScreen(
        bgColor: Colors.white,
        themeColor: const Color(0xFFf74269),
        pages: pages,
        skipClicked: (value) {
          print("Skip");
        },
        getStartedClicked: (value) {
          print("Get Started");
        },
      ),
    );
  }

📃License

Copyright 2020, Senthil Kumar

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

カテゴリー

ソースリポジトリ

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

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