Basic structure

1 files changed, 142 insertions, 0 deletions

diff --git a/lib/homescreen.dart b/lib/homescreen.dart
new file mode 100644
index 0000000..232c184
--- /dev/null
+++ b/lib/homescreen.dart
@@ -0,0 +1,142 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_homescreen/page_dashboard.dart';
+import 'package:flutter_homescreen/page_home.dart';
+import 'package:flutter_homescreen/page_hvac.dart';
+import 'package:flutter_homescreen/page_media.dart';
+import 'package:flutter_homescreen/widget_clock.dart';
+
+class Homescreen extends StatefulWidget {
+  Homescreen({Key? key, required this.title}) : super(key: key);
+
+  final String title;
+
+  @override
+  _HomescreenState createState() => _HomescreenState();
+}
+
+class _HomescreenState extends State<Homescreen> {
+  int _selectedIndex = 0;
+
+  @override
+  Widget build(BuildContext context) {
+    var screenHeight = MediaQuery.of(context).size.height;
+    var iconSize = screenHeight / 5;
+
+    return Scaffold(
+      body: Row(
+        children: <Widget>[
+          Stack(
+            children: [
+              NavigationRail(
+                backgroundColor: Colors.black12,
+                selectedIndex: _selectedIndex,
+                groupAlignment: -1.0,
+                minWidth: iconSize,
+                // leading widget?
+                // trailing widget does not expand to bottom
+                onDestinationSelected: (int index) {
+                  setState(() {
+                    _selectedIndex = index;
+                  });
+                },
+                selectedIconTheme: IconTheme.of(context).copyWith(
+                  size: iconSize,
+                  color: Theme.of(context).accentColor,
+                ),
+                unselectedIconTheme: IconTheme.of(context).copyWith(
+                  size: iconSize,
+                  color: Theme.of(context).unselectedWidgetColor,
+                ),
+                labelType: NavigationRailLabelType.none,
+                destinations: <NavigationRailDestination>[
+                  NavigationRailDestination(
+                    icon: Icon(Icons.house_outlined),
+                    selectedIcon: Icon(Icons.house),
+                    label: Text('Home'),
+                  ),
+                  NavigationRailDestination(
+                    icon: Icon(Icons.drive_eta_outlined),
+                    selectedIcon: Icon(Icons.drive_eta),
+                    label: Text('Dashboard'),
+                  ),
+                  NavigationRailDestination(
+                    icon: Icon(Icons.thermostat_outlined),
+                    selectedIcon: Icon(Icons.thermostat),
+                    label: Text('HVAC'),
+                  ),
+                  NavigationRailDestination(
+                    icon: Icon(Icons.music_note_outlined),
+                    selectedIcon: Icon(Icons.music_note),
+                    label: Text('Media'),
+                  ),
+                ],
+              ),
+              Positioned(
+                bottom: 0,
+                left: 0,
+                right: 0,
+                // This is the info widget with time, date, etc.
+                child: ClockWiddget(size: iconSize),
+              )
+            ],
+          ),
+          const VerticalDivider(thickness: 1, width: 1),
+          // This is the main content.
+          Expanded(
+            child: Center(child: _childForIndex(_selectedIndex)),
+          )
+        ],
+      ),
+    );
+  }
+
+  Widget _childForIndex(int selectedIndex) {
+    switch (selectedIndex) {
+      case 0:
+        return HomePage();
+      case 1:
+        return DashboardPage();
+      case 2:
+        return HVACPage();
+      case 3:
+        return MediaPage();
+      default:
+        return Text('Undefined');
+    }
+  }
+}
+
+/*
+ElevatedButton(
+                child: const Text('Open app'),
+                onPressed: () {
+                  Navigator.push(
+                    context,
+                    MaterialPageRoute(
+                        builder: (context) => const SecondRoute()),
+                  );
+                },
+              ),
+
+class SecondRoute extends StatelessWidget {
+  const SecondRoute({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: const Text("Second Route"),
+      ),
+      body: Center(
+        child: ElevatedButton(
+          onPressed: () {
+            Navigator.pop(context);
+          },
+          child: const Text('Go back!'),
+        ),
+      ),
+    );
+  }
+}
+
+*/
\ No newline at end of file