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

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.

패키지, 저장소 및 앱 카테고리 검색

패키지 설치