You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
74 lines
2.5 KiB
74 lines
2.5 KiB
2 years ago
|
import 'package:fluent_ui/fluent_ui.dart';
|
||
|
|
import 'package:info_tren/pages/main/main_page.dart';
|
||
|
|
|
||
|
|
class MainPageFluent extends MainPageShared {
|
||
|
|
const MainPageFluent({super.key});
|
||
|
|
|
||
|
|
@override
|
||
|
|
Widget build(BuildContext context) {
|
||
|
|
return NavigationView(
|
||
|
|
appBar: NavigationAppBar(
|
||
|
|
automaticallyImplyLeading: false,
|
||
|
|
title: Text(pageTitle),
|
||
|
|
// centerTitle: true,
|
||
|
|
// actions: [
|
||
|
|
// PopupMenuButton<int>(
|
||
|
|
// icon: const Icon(Icons.more_vert),
|
||
|
|
// tooltip: moreOptionsText,
|
||
|
|
// itemBuilder: (_) => popupMenu.asMap().entries.map((e) => PopupMenuItem(
|
||
|
|
// value: e.key,
|
||
|
|
// child: Text(e.value.name),
|
||
|
|
// )).toList(),
|
||
|
|
// onSelected: (index) {
|
||
|
|
// popupMenu[index].action?.call(context);
|
||
|
|
// },
|
||
|
|
// ),
|
||
|
|
// ],
|
||
|
|
),
|
||
|
|
content: SafeArea(
|
||
|
|
child: Center(
|
||
|
|
child: Column(
|
||
|
|
mainAxisSize: MainAxisSize.min,
|
||
|
|
children: options.map((option) => HoverButton(
|
||
|
|
onPressed: option.action != null ? () => option.action!(context) : null,
|
||
|
|
builder: (context, states) {
|
||
|
|
return Card(
|
||
|
|
backgroundColor: option.action != null ? (states.isHovering ? FluentTheme.of(context).accentColor.dark : FluentTheme.of(context).accentColor) : null,
|
||
|
|
child: Column(
|
||
|
|
children: [
|
||
|
|
Padding(
|
||
|
|
padding: const EdgeInsets.all(8.0),
|
||
|
|
child: Text(
|
||
|
|
option.name,
|
||
|
|
style: FluentTheme.of(context)
|
||
|
|
.typography
|
||
|
|
.bodyLarge
|
||
|
|
?.copyWith(
|
||
|
|
color:
|
||
|
|
FluentTheme.of(context).activeColor,
|
||
|
|
),
|
||
|
|
textAlign: TextAlign.center,
|
||
|
|
),
|
||
|
|
),
|
||
|
|
Padding(
|
||
|
|
padding: const EdgeInsets.all(8.0),
|
||
|
|
child: Text(option.description!),
|
||
|
|
),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
);
|
||
|
|
},
|
||
|
|
)).map((w) => Padding(
|
||
|
|
padding: const EdgeInsets.fromLTRB(4, 2, 4, 2),
|
||
|
|
child: SizedBox(
|
||
|
|
width: double.infinity,
|
||
|
|
child: w,
|
||
|
|
),
|
||
|
|
)).toList(),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|