Buscar pacotes, repositórios e categorias de apps

Detalhes do pacotev1.0.5

animated_cursor

Cursor animado projetado para aprimorar as interações da interface do usuário

AndroidiOSWebmacOSWindowsLinux
Downloads em 30 dias
75
Curtidas
33
Pontos Pub
160

Instalar pacote

flutter pub add animated_cursor

Visão geral do pacote

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

Animated Cursor é um pacote Flutter que melhora as interações da interface do usuário ao fornecer cursores animados personalizáveis em múltiplas plataformas. Permite que desenvolvedores criem efeitos de cursor dinâmicos, como trilhas, formas ou animações, melhorando o feedback visual e a engajamento. O pacote suporta plataformas desktop (Windows, Linux, macOS) e móveis (Android, iOS), tornando-o ideal para experiências de UI imersivas. Com integração simples via pub add, permite animações de cursor suaves e eficientes sem configurações complexas. Perfeito para jogos, aplicativos criativos ou painéis interativos.

Casos de uso

  • UIs interativas
  • Desenvolvimento de jogos
  • Aplicações criativas
  • Interfaces de painel
  • sistemas de feedback visual

Principais recursos

  • Animações de cursor personalizáveis
  • Suporte multiplataforma
  • Desempenho suave
  • Integração fácil
  • Efeitos de trilha
  • design responsivo

Indicado para

  • designers de UI/UX
  • Desenvolvedores de jogos
  • Criadores de aplicativos interativos
  • Construtores de aplicativos para desktop
  • Projetos de codificação criativa

Considerações

  • Desempenho em dispositivos de baixa gama
  • Personalização limitada na web
  • Requer testes específicos de plataforma
  • Pode não atender todas as necessidades de acessibilidade
  • Uso potencial excessivo em designs mínimos

README original

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

Alt Text

View on GitHub View on GitHub View on Linkedin View on Github

Preview

Alt Text

Animated Cursor Package

Welcome to the Animated Cursor package for Flutter! This package provides a customizable animated cursor widget that you can easily integrate into your Flutter projects.

Installing

Add dependency to pubspec.yaml To use the latest version of animated_cursor, add the following line to your pubspec.yamlfile:

dependencies:
  animated_cursor: ^1.0.5

Install it You can install packages from the command line: with Flutter:

$ flutter pub get

Import the package

import 'package:animated_cursor/animated_cursor.dart';

Usage

AnimatedCursor
(
circleColor: Colors.red,
dotColor: Colors.red,
backgroundColor: Colors.black,
borderWidth: 2,
child: Container(color: Colors.black)
);

Properties of Animated Cursor:

Name Type Default Behaviour Description
child Widget The child widget beneath the animated cursor.
cursor MouseCursor? SystemMouseCursors.basic The cursor to be displayed when the mouse is over the child widget
circleColor Color? Color(0xFF4CAF50) Color of the animated circle.
dotColor Color? Color(0xFF4CAF50) Color of the animated dot.
backgroundColor Color? Colors.transparent Background color of the cursor.
circleDuration Duration? 100 Duration of the animated circle's appearance.
dotDuration Duration? 350 Duration of the animated dot's appearance.
borderWidth double? 1 Width of the cursor's border.
shape CursorShape? BoxShape.circle Shape of the cursor (Circle or Rectangle).
borderRadius BorderRadius? 100 Border radius for the cursor (applicable when shape is set to Rectangle).

Example

import 'package:animated_cursor/animated_cursor.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Animated Cursor',
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        primarySwatch: Colors.red,
      ),
      home: AnimatedCursor(
        // cursor: SystemMouseCursors.alias,
        circleColor: Colors.red,
        dotColor: Colors.red,
        backgroundColor: Colors.black,
        borderWidth: 1,
        child: Container(color: Colors.black),
      ),
    );
  }
}

Additional Information

👍 If you appreciate our solution's value and positive impact on your project,✨ show your support with a thumbs up! 🌟 Your feedback fuels our commitment to excellence.💫 Thank you for choosing us!

-Darshak Desai

Categorias

Dependências

Lista de dependências 1 itens

Repositório-fonte

Projetos que usam este pacote

Ainda não há dados.