hover_card

Description:

hover card

Features #







Getting started #
start using the package.
Usage #
import 'package:flutter/material.dart';
import 'package:hover_card/hover_card.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Hover - Tilt 3D Effect',
theme: ThemeData(
primarySwatch: Colors.blue,
visualDensity: VisualDensity.adaptivePlatformDensity,
),
home: Material(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
const Text(
'Hover - Tilt 3D Effect. \n instagram : xr_yr ',
style: TextStyle(
fontSize: 30,
fontWeight: FontWeight.w700,
color: Colors.black,
letterSpacing: 2),
),
const SizedBox(height: 50),
SizedBox(
width: 150,
height: 300,
child: HoverCard(
builder: (context, hovering) {
return Container(
color: const Color(0xFFE9E9E9),
child: const Center(
child: FlutterLogo(size: 100),
),
);
},
depth: 10,
depthColor: Colors.grey[500],
onTap: () => print('Hello, World!'),
shadow: BoxShadow(color: Colors.purple[100] as Color, blurRadius: 30, spreadRadius: -20, offset: const Offset(0, 40)),
),
),
],
),
),
);
}
}
copied to clipboard