Buscar pacotes, repositórios e categorias de apps

ducafecatGuia do ecossistema Flutter
Capa de parallax_bg
Detalhes do pacotev2.0.1

parallax_bg

Crie fundos paralaxe bonitos e interativos

AndroidiOS
pub.dev Documentação da API Código-fonte
Downloads em 30 dias
20
Curtidas
31
Pontos Pub
130

Instalar pacote

flutter pub add parallax_bg

Visão geral do pacote

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

ParallaxBg é um pacote do Flutter que permite aos desenvolvedores criar fundos paraláxicos visualmente envolventes e interativos com facilidade. Ele suporta movimentação suave em camadas baseada em entrada do usuário ou movimento do dispositivo, ideal para aprimorar interfaces de aplicativos com profundidade e dinamismo. O pacote se integra perfeitamente em projetos Flutter e funciona em plataformas Android e iOS. Com configuração mínima, permite efeitos visuais ricos usando gradientes, imagens ou widgets personalizados como camadas de fundo.

Casos de uso

  • Melhorar telas de inicialização
  • Criando páginas de destino imersivas
  • Adicionando profundidade às interfaces de aplicativos móveis
  • Design de interfaces de narrativa interativa

Principais recursos

  • empilhamento de paralaxe suave
  • Suporte para múltiplas camadas de fundo
  • Integração de movimento do dispositivo
  • Velocidade de animação personalizável
  • Compatibilidade multiplataforma (Android e iOS)

Indicado para

  • Designers de UI em busca de impacto visual
  • Desenvolvedores criando experiências de onboarding envolventes
  • Aplicativos que exigem efeitos de fundo dinâmicos
  • protótipos criativos de produtos digitais

Considerações

  • Pode afetar o desempenho em dispositivos de baixa gama
  • Requer otimização cuidadosa para cenas complexas
  • Personalização limitada além do comportamento básico de paralaxe
  • Mais adequado para conteúdo estático ou de movimento lento

README original

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

parallax_bg

Create beautiful & interactive parallax backgrounds for your apps and games.

pub package

Example Image

You can find another working example in SlideIT Mobile Game

Usage

Add following command in your pubspec.yaml & install package

parallax_bg:2.0.1

or run

flutter pub add parallax_bg

Import in your dart page

import 'package:parallax_bg/parallax_bg.dart';

Add following to create background wrapper

    ParallaxBackground(
      backgroundImage: "assets/images/galaxy.jpg",
      parallaxType: _parallaxType,
      foregroundChilds: [
        ParallaxItem(
            child: Image.asset("assets/images/planet.png"),
            offset: _planetOffset),
        ParallaxItem(
            child: Image.asset("assets/images/meteor.png"),
            offset: _meteorOffset),
      ],
      // fallback: true,
    );

Change/Add/Remove ParallaxItem for foreground items

    ParallaxItem(
    child: Image.asset("assets/images/meteor.png"),
    offset: _meteorOffset),

ParallaxBackground

PROPERTY TYPE REQUIRED DETAILS
backgroundImage string yes Image path from asset folder
foregroundChilds List yes Widgets to create foreground layers
child Widget no Child widget to draw over all parallax widgets
reverse boolean no Move foreground items in reverse direction. Default false
fallback boolean no If true render the items normally when there are no sensors available. If false, it will show a error message in visible area. Default false

ParallaxItem

PROPERTY TYPE REQUIRED DETAILS
child Widget yes Child widget to draw over background as parallax item
offset boolean no Offset values to calculate distance to move items when moving device. Need separate value for each item. Default 5

LICENSE

MIT LICENSE

Categorias

Efeitos de Fundo, Gradientes e Shaders

Dependências

Lista de dependências 1 itens

Repositório-fonte

Projetos que usam este pacote

Ainda não há dados.