Nexus/nexus
Nexus/nexus
4
4
Fork 5
Code Issues 14 Pull requests 2 Projects Releases Packages Wiki Activity

make settings page a dialog

Browse source 
This will need changes to work properly on mobile
This commit is contained in:
Henry Hiles 2026-06-23 19:11:26 -04:00
commit a916013800
Signed by: Henry-Hiles
SSH key fingerprint: SHA256:VKQUdS31Q90KvX7EkKMHMBpUspcmItAh86a+v7PGiIs
2 changed files with 52 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

64
lib/pages/settings_page.dart
View file

@ -1,25 +1,61 @@
import "package:flutter/material.dart";
import "package:flutter_riverpod/flutter_riverpod.dart";
import "package:navigation_rail_m3e/navigation_rail_m3e.dart";
class SettingsPage extends ConsumerWidget {
const SettingsPage({super.key});
@override
Widget build(BuildContext context, WidgetRef ref) => Scaffold(
appBar: AppBar(
title: Text("Settings"),
actionsPadding: .symmetric(horizontal: 12),
actions: [
SearchAnchor(
builder: (context, controller) => IconButton(
icon: const Icon(Icons.search),
onPressed: controller.openView,
),
suggestionsBuilder: (context, controller) {
return [];
},
Widget build(BuildContext context, WidgetRef ref) => Dialog(
constraints: .loose(Size(900, 600)),
child: ClipRRect(
borderRadius: BorderRadiusGeometry.circular(12),
child: Scaffold(
appBar: AppBar(
title: Text("Settings"),
actionsPadding: .symmetric(horizontal: 12),
actions: [
SearchAnchor(
builder: (_, controller) => IconButton(
icon: const Icon(Icons.search),
onPressed: controller.openView,
),
suggestionsBuilder: (context, controller) {
return [];
},
),
],
),
],
body: Padding(
padding: .symmetric(vertical: 8),
child: Row(
children: [
Padding(
padding: .symmetric(vertical: 4),
child: NavigationRailM3E(
type: .alwaysExpand,
sections: [
.new(
destinations: [
.new(icon: Icon(Icons.abc), label: "Account"),
.new(icon: Icon(Icons.abc), label: "Account"),
.new(icon: Icon(Icons.abc), label: "Account"),
.new(icon: Icon(Icons.abc), label: "Account"),
.new(icon: Icon(Icons.abc), label: "Account"),
.new(icon: Icon(Icons.abc), label: "Account"),
.new(icon: Icon(Icons.abc), label: "Account"),
],
),
],
selectedIndex: 0,
onDestinationSelected: (value) {},
),
),
VerticalDivider(),
],
),
),
),
),
);
}