sk_onboarding_screen

套件介紹

根據套件公開資料產生的選型評估，僅供參考。

sk_onboarding_screen 是一個 Flutter 套件，旨在簡化多螢幕引導體驗的建立。它提供了一個易於使用的介面，用於引導使用者完成一系列教學或歡迎畫面，提升應用程式首次啟動時的使用者參與度。此套件支援流暢的過渡效果與每頁的自訂內容，非常適合需要直覺式引導流程的應用程式。透過最少的設定，開發者可快速實作專業的引導輪播圖。

適用情境

應用入門流程
用戶教程螢幕
首次使用者體驗
產品功能介紹
透過滑動導航進行入門
可自定義的歡迎畫面

主要特色

多螢幕引導的簡單API
基於滑動的導航
每螢幕可自訂內容
最小化樣板程式碼
內建過渡動畫
與 Flutter 項目的輕鬆整合

適合對象

新移動應用開發者
需要使用者引導的應用程式
設計資源有限的項目
尋求快速入門實作的開發者
專注於使用者體驗入門的初創公司

使用建議

不支援平台特定行為的內建支援
複雜動畫的自訂功能有限
預設情況下不包含跳過或完成按鈕樣式
需要手動處理註冊完成邏輯
除了 GitHub README 外沒有官方文件

原始 README

以下為關聯原始碼儲存庫的 README 原文快照，最新內容請造訪原始碼儲存庫。

SKOnBoarding Screen

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

GIF

💻 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.

搜尋套件、儲存庫與 APP 分類

安裝套件