Buscar pacotes, repositórios e categorias de apps

ducafecatGuia do ecossistema Flutter
Detalhes do pacotev0.0.4

on_boarding_ui

Um pacote Flutter para tela de introdução.

pub.dev Documentação da API Código-fonte
Downloads em 30 dias
21
Curtidas
35
Pontos Pub
5

Instalar pacote

flutter pub add on_boarding_ui

Visão geral do pacote

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

Um pacote Flutter projetado para simplificar a criação de telas de onboarding com uma interface de carrossel limpa e personalizável. Ele fornece widgets pré-construídos para transições suaves entre as telas de onboarding, suportando texto, imagens e elementos interativos. Ideal para aplicativos que precisam de uma experiência inicial envolvente, reduz o código repetitivo e aumenta a velocidade de desenvolvimento. O pacote é leve e fácil de integrar, sendo adequado tanto para iniciantes quanto para desenvolvedores experientes.

Casos de uso

  • Telas de onboarding para aplicativos móveis
  • Fluxos de tutorial do usuário
  • sequências de introdução do aplicativo
  • Experiência do usuário pela primeira vez
  • Destaque de recursos do produto

Principais recursos

  • Carrossel de integração pré-construído
  • Conteúdo personalizável da página
  • Transições suaves de deslizamento
  • Integração leve e simples
  • Suporta imagens e texto
  • Personalização fácil de temas

Indicado para

  • Desenvolvedores iniciantes do Flutter
  • Aplicativos que exigem onboarding
  • Startups construindo MVPs
  • Aplicativos educacionais ou produtividade
  • Projetos com prazos apertados

Considerações

  • Limitado a casos de uso específicos de onboarding
  • Sem rastreamento de análise embutido
  • Requer manipulação manual da lógica de navegação
  • Não otimizado para animações complexas
  • Sem suporte a modo escuro por padrão

README original

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

flutter_onboarding_ui

A conceptual design for on boarding screens for mobile apps. This app provides you with all the information you need to explore how to work with mobile on boarding in mobile apps.

preview (1)

Usage Sample


import 'package:on_boarding_ui/model/slider.dart' as SliderModel;

class OnBoarding extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: OnBoardingUi(slides:[
        SliderModel.Slider(
          sliderHeading: "Slide 1",
          sliderSubHeading: "Slide Sub Heading 1",
          sliderImageUrl: CImages.slider1,
        ),
        SliderModel.Slider(
          sliderHeading: "Slide 1",
          sliderSubHeading: "Slide Sub Heading 1",
          sliderImageUrl: CImages.slider2,
        ),
        SliderModel.Slider(
          sliderHeading: "Slide 1",
          sliderSubHeading: "Slide Sub Heading 1",
          sliderImageUrl: CImages.slider3,
        )
      ],onFinish: (){
         // Your OnFinish code here
      }),
    );
  }
}
Inspired By : https://github.com/CodeHomie/Flutter-Onboarding-UI-Concept

Categorias

Carrossel de Introdução

Repositório-fonte

Projetos que usam este pacote

Ainda não há dados.