change homeTil;e to MIH_tile. and move to MIH Layout folder
This commit is contained in:
139
Frontend/patient_manager/lib/components/MIH_Layout/MIH_Tile.dart
Normal file
139
Frontend/patient_manager/lib/components/MIH_Layout/MIH_Tile.dart
Normal file
@@ -0,0 +1,139 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:patient_manager/main.dart';
|
||||
|
||||
class HomeTile extends StatefulWidget {
|
||||
final String tileName;
|
||||
//final String tileDescription;
|
||||
final Widget tileIcon;
|
||||
final void Function() onTap;
|
||||
// final Widget tileIcon;
|
||||
final Color p;
|
||||
final Color s;
|
||||
|
||||
const HomeTile({
|
||||
super.key,
|
||||
required this.onTap,
|
||||
required this.tileName,
|
||||
//required this.tileDescription,
|
||||
required this.tileIcon,
|
||||
required this.p,
|
||||
required this.s,
|
||||
});
|
||||
|
||||
@override
|
||||
State<HomeTile> createState() => _HomeTileState();
|
||||
}
|
||||
|
||||
class _HomeTileState extends State<HomeTile> {
|
||||
late Color mainC;
|
||||
late Color secondC;
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
// TODO: implement dispose
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
mainC = widget.p;
|
||||
secondC = widget.s;
|
||||
super.initState();
|
||||
}
|
||||
|
||||
// Widget displayTile() {
|
||||
// return FittedBox(
|
||||
// child: Column(
|
||||
// mainAxisSize: MainAxisSize.min,
|
||||
// mainAxisAlignment: MainAxisAlignment.end,
|
||||
// children: [
|
||||
// GestureDetector(
|
||||
// onTap: widget.onTap,
|
||||
// onTapDown: (_) {
|
||||
// setState(() {
|
||||
// mainC = MzanziInnovationHub.of(context)!.theme.primaryColor();
|
||||
// secondC =
|
||||
// MzanziInnovationHub.of(context)!.theme.secondaryColor();
|
||||
// });
|
||||
// },
|
||||
// onTapUp: (_) {
|
||||
// setState(() {
|
||||
// mainC = MzanziInnovationHub.of(context)!.theme.secondaryColor();
|
||||
// secondC = MzanziInnovationHub.of(context)!.theme.primaryColor();
|
||||
// });
|
||||
// },
|
||||
// child: Container(
|
||||
// padding: const EdgeInsets.all(3.0),
|
||||
// decoration: BoxDecoration(
|
||||
// color: mainC,
|
||||
// borderRadius: BorderRadius.circular(10.0),
|
||||
// //border: Border.all(color: MzanziInnovationHub.of(context)!.theme.secondaryColor(), width: 1.0),
|
||||
// ),
|
||||
// child: Icon(
|
||||
// widget.tileIcon,
|
||||
// color: secondC,
|
||||
// ),
|
||||
// ),
|
||||
// ),
|
||||
// const SizedBox(height: 1),
|
||||
// Row(
|
||||
// children: [
|
||||
// Flexible(
|
||||
// child: Text(
|
||||
// widget.tileName,
|
||||
// textAlign: TextAlign.center,
|
||||
// softWrap: true,
|
||||
// overflow: TextOverflow.visible,
|
||||
// style: TextStyle(
|
||||
// color: mainC,
|
||||
// fontSize: 5.0,
|
||||
// fontWeight: FontWeight.bold,
|
||||
// ),
|
||||
// ),
|
||||
// ),
|
||||
// ],
|
||||
// )
|
||||
// ],
|
||||
// ),
|
||||
// );
|
||||
// }
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
// print(
|
||||
// "Tile Name: ${widget.tileName}\nTitle Type: ${widget.tileIcon.runtimeType.toString()}");
|
||||
return FittedBox(
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.max,
|
||||
mainAxisAlignment: MainAxisAlignment.end,
|
||||
children: [
|
||||
Material(
|
||||
color: mainC,
|
||||
borderRadius: BorderRadius.circular(80),
|
||||
child: Ink(
|
||||
padding: const EdgeInsets.all(20),
|
||||
child: InkWell(
|
||||
onTap: widget.onTap,
|
||||
child: SizedBox(
|
||||
height: 200,
|
||||
width: 200,
|
||||
child: widget.tileIcon,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 10),
|
||||
Text(
|
||||
widget.tileName,
|
||||
textAlign: TextAlign.center,
|
||||
style: TextStyle(
|
||||
color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
|
||||
fontSize: 40.0,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user