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

パッケージ詳細v0.0.4

on_boarding_ui

オンボード画面用のFlutterパッケージ。

30日間ダウンロード
21
いいね数
35
Pub ポイント
5

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

flutter pub add on_boarding_ui

パッケージ概要

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

クリーンでカスタマイズ可能なカルーセルインターフェースを使用して、オンボーディング画面の作成を簡素化するためのFlutterパッケージです。テキスト、画像、インタラクティブな要素をサポートする、スムーズなページ間遷移を実現する事前構築されたウィジェットを提供します。初めてのユーザー体験を魅力的にしたいアプリに最適で、ボイラープレートコードを削減し、開発スピードを向上させます。軽量で簡単に統合できるため、初心者から経験豊富な開発者まで幅広く利用可能です。

用途

  • モバイルアプリのオンボーディング画面
  • ユーザー向けチュートリアルフロー
  • アプリ紹介シーケンス
  • 初めてのユーザー体験
  • 製品の特徴のハイライト

主な機能

  • 事前構築されたオンボーディングカルーセル
  • カスタマイズ可能なページコンテンツ
  • スムーズなスライド遷移
  • 軽量でシンプルな統合
  • 画像とテキストをサポートしています
  • 簡単なテーマカスタマイズ

適している対象

  • 初心者のFlutter開発者
  • オンボーディングが必要なアプリ
  • MVPを構築するスタートアップ
  • 教育または生産性アプリ
  • タイトなスケジュールのプロジェクト

注意事項

  • オンボーディングに特化した利用ケースに限定
  • 組み込みのアナリティクス追跡なし
  • ナビゲーションロジックの手動処理が必要です
  • 複雑なアニメーションに最適化されていません
  • 標準でダークモードをサポートしていません

元の README

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

flutter_onboarding_ui

A conceptual design for on boarding screens for mobile apps. This app provides you with all the information you need to explore how to work with mobile on boarding in mobile apps.

preview (1)

Usage Sample


import 'package:on_boarding_ui/model/slider.dart' as SliderModel;

class OnBoarding extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: OnBoardingUi(slides:[
        SliderModel.Slider(
          sliderHeading: "Slide 1",
          sliderSubHeading: "Slide Sub Heading 1",
          sliderImageUrl: CImages.slider1,
        ),
        SliderModel.Slider(
          sliderHeading: "Slide 1",
          sliderSubHeading: "Slide Sub Heading 1",
          sliderImageUrl: CImages.slider2,
        ),
        SliderModel.Slider(
          sliderHeading: "Slide 1",
          sliderSubHeading: "Slide Sub Heading 1",
          sliderImageUrl: CImages.slider3,
        )
      ],onFinish: (){
         // Your OnFinish code here
      }),
    );
  }
}

Inspired By : https://github.com/CodeHomie/Flutter-Onboarding-UI-Concept

カテゴリー

ソースリポジトリ

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

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