Create app drawer on home screen

This commit is contained in:
2024-07-10 10:41:29 +02:00
parent 162e37f740
commit c1493012c9
2 changed files with 154 additions and 81 deletions

View File

@@ -1,9 +1,10 @@
import 'package:flutter/material.dart';
import 'package:patient_manager/theme/mihTheme.dart';
class HomeTile extends StatelessWidget {
class HomeTile extends StatefulWidget {
final String tileName;
final String tileDescription;
//final String tileDescription;
final IconData tileIcon;
final void Function() onTap;
// final Widget tileIcon;
@@ -11,54 +12,116 @@ class HomeTile extends StatelessWidget {
super.key,
required this.onTap,
required this.tileName,
required this.tileDescription,
//required this.tileDescription,
required this.tileIcon,
});
@override
Widget build(BuildContext context) {
return GestureDetector(
onTap: onTap,
child: Card(
color: MyTheme().secondaryColor(),
elevation: 20,
child: Column(
//mainAxisSize: MainAxisSize.min,
children: [
Expanded(
child: ListTile(
leading: Icon(
Icons.abc,
color: MyTheme().primaryColor(),
),
title: Text(
tileName,
style: TextStyle(
fontWeight: FontWeight.bold,
color: MyTheme().primaryColor(),
),
),
subtitle: Text(
tileDescription,
style: TextStyle(color: MyTheme().primaryColor()),
)),
),
Expanded(
child: Row(
mainAxisAlignment: MainAxisAlignment.end,
children: [
Padding(
padding: const EdgeInsets.symmetric(horizontal: 10),
child: Icon(
Icons.arrow_forward,
color: MyTheme().secondaryColor(),
),
),
],
State<HomeTile> createState() => _HomeTileState();
}
class _HomeTileState extends State<HomeTile> {
late Color mainC;
late Color secondC;
@override
void initState() {
mainC = MyTheme().secondaryColor();
secondC = MyTheme().primaryColor();
super.initState();
}
Widget displayTile() {
return FittedBox(
child: Column(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.end,
children: [
GestureDetector(
onTap: widget.onTap,
onTapDown: (_) {
setState(() {
mainC = MyTheme().primaryColor();
secondC = MyTheme().secondaryColor();
});
},
onTapUp: (_) {
setState(() {
mainC = MyTheme().secondaryColor();
secondC = MyTheme().primaryColor();
});
},
child: Container(
padding: const EdgeInsets.all(3.0),
decoration: BoxDecoration(
color: mainC,
borderRadius: BorderRadius.circular(10.0),
//border: Border.all(color: MyTheme().secondaryColor(), width: 1.0),
),
)
],
),
child: Icon(
widget.tileIcon,
color: secondC,
),
),
),
const SizedBox(height: 1),
Text(
widget.tileName,
textAlign: TextAlign.center,
style: TextStyle(
color: MyTheme().secondaryColor(),
fontSize: 5.0,
fontWeight: FontWeight.bold,
),
)
],
),
);
}
@override
Widget build(BuildContext context) {
return displayTile();
// child: Card(
// color: MyTheme().secondaryColor(),
// elevation: 20,
// child: Column(
// //mainAxisSize: MainAxisSize.min,
// children: [
// Expanded(
// child: ListTile(
// leading: Icon(
// widget.tileIcon,
// color: MyTheme().primaryColor(),
// ),
// title: Text(
// widget.tileName,
// style: TextStyle(
// fontWeight: FontWeight.bold,
// color: MyTheme().primaryColor(),
// ),
// ),
// subtitle: Text(
// widget.tileDescription,
// style: TextStyle(color: MyTheme().primaryColor()),
// )),
// ),
// Expanded(
// child: Row(
// mainAxisAlignment: MainAxisAlignment.end,
// children: [
// Padding(
// padding: const EdgeInsets.symmetric(horizontal: 10),
// child: Icon(
// Icons.arrow_forward,
// color: MyTheme().secondaryColor(),
// ),
// ),
// ],
// ),
// )
// ],
// ),
// ),
}
}