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 分类

安装插件