Pakete, Repositories und App-Kategorien suchen

Paketdetailsv1.0.1

sk_onboarding_screen

Eine Bibliothek, die den Benutzer auf einfache und einfache Weise durch mehrere Onboarding-Bildschirme führt

30-Tage-Downloads
37
Likes
68
Pub-Punkte
30

Paket installieren

flutter pub add sk_onboarding_screen

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

sk_onboarding_screen ist ein Flutter-Paket, das die Erstellung von Onboarding-Erlebnissen mit mehreren Bildschirmen vereinfacht. Es bietet eine benutzerfreundliche Oberfläche, um Benutzer durch eine Reihe von Tutorials oder Willkommensbildschirmen zu führen und die Benutzerengagement während der ersten App-Starts zu erhöhen. Das Paket unterstützt reibungslose Übergänge und anpassbaren Inhalt pro Bildschirm, wodurch es ideal für Apps mit intuitiven Onboarding-Flüssen wird. Mit minimalem Setup können Entwickler schnell ein professionelles Onboarding-Carousel implementieren.

Anwendungsfälle

  • App-Onboarding-Flows
  • Benutzer-Tutorial-Bildschirme
  • Erste Benutzererfahrung
  • Produktfunktionsvorstellung
  • Onboarding mit Swipenavigation
  • Anpassbare Willkommensbildschirme

Hauptmerkmale

  • Einfache API für Multi-Screen-Onboarding
  • Swipe-basierte Navigation
  • Anpassbarer Inhalt pro Bildschirm
  • Minimale Boilerplate-Code
  • Eingebaute Übergangsanimationen
  • Einfache Integration in Flutter-Projekte

Geeignet für

  • Neue Entwickler mobiler Anwendungen
  • Apps, die eine Benutzer-Onboarding-Phase erfordern
  • Projekte mit begrenzten Gestaltungsressourcen
  • Entwickler, die eine schnelle Onboarding-Implementierung suchen
  • Startups, die sich auf das UX-Onboarding konzentrieren

Hinweise

  • Keine integrierte Unterstützung für plattformspezifische Verhaltensweisen
  • Eingeschränkte Anpassungsmöglichkeiten für komplexe Animationen
  • Enthält standardmäßig keine Stilisierung für Sprung- oder Abschlussbutton
  • Benötigt manuelle Handhabung der Onboarding-Abschlusslogik
  • Keine offizielle Dokumentation außer der GitHub README

Original-README

Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.

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.

Kategorien

Quell-Repository

Projekte, die dieses Paket verwenden

Noch keine Daten verfügbar.