FLUTTER ECOSYSTEM

senthilece01/SKOnboardingScreen

入门屏幕

SKOnboardingScreen 项目封面
Stars
31
Forks
24
最近推送(UTC)
2021年7月5日
项目状态
未归档
Senthilkumar GitHub avatar
GITHUB User

Senthilkumar ↗

Full Stack Developer | Agentic AI Engineer

Trident SolutionsChennai官方网站 ↗
语言DartHTMLKotlinSwiftObjective-C

技术话题

此仓库发布的插件

使用的依赖

依赖清单 2 项
  • flutter{"sdk":"flutter"}
  • flutter_test开发依赖{"sdk":"flutter"}

原始 README

以下为英文项目原文快照,最新内容请访问 GitHub。

展开 / 收起项目 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.