fl_hover 1.0.0
fl_hover: ^1.0.0 copied to clipboard
A comprehensive Flutter package providing beautiful hover effects and animations for web and desktop applications.
example/lib/main.dart
import 'package:example/router/router.dart';
import 'package:flutter/material.dart';
void main() {
runApp(const HoverEffectsShowcaseApp());
}
class HoverEffectsShowcaseApp extends StatelessWidget {
const HoverEffectsShowcaseApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp.router(
routerConfig: router,
title: 'FL Hover Showcase',
debugShowCheckedModeBanner: false,
theme: ThemeData(
brightness: Brightness.dark,
primaryColor: Colors.cyan,
scaffoldBackgroundColor: const Color(0xFF121212),
appBarTheme: const AppBarTheme(
backgroundColor: Color(0xFF1E1E1E),
elevation: 4,
titleTextStyle: TextStyle(
color: Colors.white,
fontSize: 20,
fontWeight: FontWeight.bold,
),
),
cardColor: const Color(0xFF1E1E1E),
textTheme: const TextTheme(
titleLarge:
TextStyle(fontWeight: FontWeight.bold, color: Colors.white),
headlineSmall: TextStyle(
fontWeight: FontWeight.bold, color: Colors.white70, fontSize: 22),
bodyMedium: TextStyle(color: Colors.white70),
),
elevatedButtonTheme: ElevatedButtonThemeData(
style: ElevatedButton.styleFrom(
backgroundColor: Colors.cyan,
foregroundColor: Colors.black,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(8),
),
),
),
textButtonTheme: TextButtonThemeData(
style: TextButton.styleFrom(
foregroundColor: Colors.cyan,
),
),
),
);
}
}