Buscar pacotes, repositórios e categorias de apps

Detalhes do pacotev1.0.1

sk_onboarding_screen

Uma biblioteca que guia o usuário por várias telas de onboarding de forma simples e fácil

Downloads em 30 dias
37
Curtidas
68
Pontos Pub
30

Instalar pacote

flutter pub add sk_onboarding_screen

Visão geral do pacote

Orientação gerada a partir de informações públicas. Apenas para referência.

sk_onboarding_screen é um pacote Flutter projetado para simplificar a criação de experiências de onboarding com múltiplas telas. Ele fornece uma interface fácil de usar para guiar os usuários por uma série de telas de tutorial ou boas-vindas, aumentando o engajamento do usuário durante o primeiro lançamento do aplicativo. O pacote suporta transições suaves e conteúdo personalizável por tela, tornando-o ideal para aplicativos que exigem fluxos de onboarding intuitivos. Com configuração mínima, os desenvolvedores podem implementar rapidamente um carrossel de onboarding profissional.

Casos de uso

  • Fluxos de onboarding do aplicativo
  • Telas de tutorial do usuário
  • Experiência do usuário pela primeira vez
  • Introdução ao recurso do produto
  • Onboarding com navegação por deslize
  • Telas de boas-vindas personalizáveis

Principais recursos

  • API simples para onboarding multi-tela
  • Navegação baseada em deslize
  • Conteúdo personalizável por tela
  • Código mínimo de boilerplate
  • Animações de transição embutidas
  • Integração fácil com projetos Flutter

Indicado para

  • Novos desenvolvedores de aplicativos móveis
  • Aplicativos que exigem onboarding do usuário
  • Projetos com recursos de design limitados
  • Desenvolvedores procurando implementação rápida de onboarding
  • Startups focadas no onboarding de UX

Considerações

  • Sem suporte embutido para comportamentos específicos da plataforma
  • Personalização limitada para animações complexas
  • Não inclui estilização de botão pular ou finalizar por padrão
  • Requer manipulação manual da lógica de conclusão do onboarding
  • Nenhuma documentação oficial além do README do GitHub

README original

Snapshot do README original do repositório-fonte vinculado. Consulte o repositório para o conteúdo mais recente.

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.

Categorias

Repositório-fonte

Projetos que usam este pacote

Ainda não há dados.