Add sqlite dependency with flutter pub add sqflite.

lib/main.dart

@@ -41,6 +41,10 @@ class HomePage extends StatefulWidget {
 class _HomePageState extends State<HomePage> {
   var pageSelected = 0;
 
+  refresh() {
+    setState(() {});
+  }
+
   @override
   Widget build(BuildContext context) {
     Widget page;
@@ -48,7 +52,9 @@ class _HomePageState extends State<HomePage> {
     switch (pageSelected) {
       case 0:
         page = ExpensePage();
-        dialog = ExpenseInputDialog();
+        dialog = ExpenseInputDialog(
+          notifyParent: refresh,
+        );
       case 1:
         page = IncomePage();
       case 2:
@@ -79,11 +85,8 @@ class _HomePageState extends State<HomePage> {
 
     return LayoutBuilder(builder: (context, constraints) {
       return Scaffold(
-        // TODO: Add a drawer instead of nav rail.
+        appBar: AppBar(title: Text("Expense Tracker")),
-        body: Row(
+        drawer: NavigationRail(
-          children: [
-            SafeArea(
-              child: NavigationRail(
           extended: constraints.maxWidth >= 800,
           destinations: [
             NavigationRailDestination(
@@ -100,7 +103,7 @@ class _HomePageState extends State<HomePage> {
             ),
             NavigationRailDestination(
               icon: Icon(Icons.bar_chart),
-                    label: Text('Projections'),
+              label: Text('Reports'),
             ),
             NavigationRailDestination(
               icon: Icon(Icons.settings),
@@ -111,17 +114,13 @@ class _HomePageState extends State<HomePage> {
           onDestinationSelected: (value) {
             setState(() {
               pageSelected = value;
+              Navigator.pop(context);
             });
           },
         ),
-            ),
+        body: Container(
-            Expanded(
-              child: Container(
           color: Theme.of(context).colorScheme.primaryContainer,
-                child: page,
+          child: Center(child: page),
-              ),
-            ),
-          ],
         ),
         floatingActionButton: floatingButton,
       );

lib/pages/expense.dart

@@ -12,7 +12,9 @@ class ExpensePage extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return ListView.builder(
+    return expenses.isEmpty
+        ? Text("Add expenses to get started!")
+        : ListView.builder(
             itemCount: expenses.length,
             itemBuilder: (_, index) {
               final Expense curr = expenses[index];
@@ -33,27 +35,16 @@ class ExpensePage extends StatelessWidget {
                   ),
                 ),
               );
-        });
+            },
-    /*
-    return ListView(
-      children: [
-        ListTile(
-          title: Text("Fake Item 1"),
-          subtitle: Text("30.00 / month"),
-        ),
-        ListTile(
-          title: Text("Fake Item 2"),
-          subtitle: Text("180.00 / year"),
-        ),
-      ],
           );
-    */
   }
 }
 
 class ExpenseInputDialog extends StatefulWidget {
+  final Function() notifyParent;
   const ExpenseInputDialog({
     super.key,
+    required this.notifyParent,
   });
 
   @override
@@ -70,9 +61,6 @@ class _ExpenseInputDialogState extends State<ExpenseInputDialog> {
 
   @override
   Widget build(BuildContext context) {
-    const inputWidth = 300.0;
-    const inputHeight = 50.0;
-
     List<DropdownMenuItem> freqValues = [];
     for (var freq in Frequency.values) {
       freqValues.add(DropdownMenuItem(value: freq, child: Text(freq.title)));
@@ -83,12 +71,9 @@ class _ExpenseInputDialogState extends State<ExpenseInputDialog> {
       title: Center(child: Text("Add New Expense")),
       content: Form(
         key: _expenseFormKey,
-        autovalidateMode: AutovalidateMode.onUserInteraction,
+        //autovalidateMode: AutovalidateMode.onUserInteraction,
         child: Column(mainAxisSize: MainAxisSize.min, spacing: 10, children: [
-          SizedBox(
+          TextFormField(
-            width: inputWidth,
-            height: inputHeight,
-            child: TextFormField(
             keyboardType: TextInputType.text,
             decoration: InputDecoration(
               labelText: "Name",
@@ -104,14 +89,10 @@ class _ExpenseInputDialogState extends State<ExpenseInputDialog> {
               _name = newValue!;
             },
           ),
-          ),
+          TextFormField(
-          SizedBox(
-            width: inputWidth,
-            height: inputHeight,
-            child: TextFormField(
             keyboardType: TextInputType.numberWithOptions(decimal: true),
-              decoration: InputDecoration(
+            decoration:
-                  labelText: "Cost", hintText: "Example: 10.00"),
+                InputDecoration(labelText: "Cost", hintText: "Example: 10.00"),
             validator: (value) {
               if (value!.isEmpty) {
                 return "Cost must be provided.";
@@ -125,11 +106,7 @@ class _ExpenseInputDialogState extends State<ExpenseInputDialog> {
               _cost = double.parse(newValue!);
             },
           ),
-          ),
+          DropdownButtonFormField(
-          SizedBox(
-            width: inputWidth,
-            height: inputHeight,
-            child: DropdownButtonFormField(
             items: freqValues,
             decoration: InputDecoration(
                 labelText: "Recurrence", hintText: "Example: Monthly"),
@@ -146,11 +123,7 @@ class _ExpenseInputDialogState extends State<ExpenseInputDialog> {
               _freq = newValue;
             },
           ),
-          ),
+          TextFormField(
-          SizedBox(
-            width: inputWidth,
-            height: inputHeight,
-            child: TextFormField(
             keyboardType: TextInputType.text,
             decoration: InputDecoration(
                 labelText: "Description",
@@ -162,14 +135,10 @@ class _ExpenseInputDialogState extends State<ExpenseInputDialog> {
               _desc = newValue!;
             },
           ),
-          ),
         ]),
       ),
       actions: [
-        SizedBox(
+        Row(
-          width: inputWidth,
-          height: inputHeight,
-          child: Row(
           mainAxisAlignment: MainAxisAlignment.spaceEvenly,
           crossAxisAlignment: CrossAxisAlignment.center,
           children: [
@@ -195,6 +164,8 @@ class _ExpenseInputDialogState extends State<ExpenseInputDialog> {
                           description: _desc),
                     );
                   });
+                  widget.notifyParent();
+
                   print(expenses.toString());
                   for (var expense in expenses) {
                     print(expense.toString());
@@ -206,7 +177,6 @@ class _ExpenseInputDialogState extends State<ExpenseInputDialog> {
               label: Text('Submit'),
             ),
           ],
-          ),
         )
       ],
     );

macos/Flutter/GeneratedPluginRegistrant.swift

@@ -5,6 +5,8 @@
 import FlutterMacOS
 import Foundation
 
+import sqflite_darwin
 
 func RegisterGeneratedPlugins(registry: FlutterPluginRegistry) {
+  SqflitePlugin.register(with: registry.registrar(forPlugin: "SqflitePlugin"))
 }

pubspec.lock

@@ -131,6 +131,22 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.9.0"
+  platform:
+    dependency: transitive
+    description:
+      name: platform
+      sha256: "5d6b1b0036a5f331ebc77c850ebc8506cbc1e9416c27e59b439f917a902a4984"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.1.6"
+  plugin_platform_interface:
+    dependency: transitive
+    description:
+      name: plugin_platform_interface
+      sha256: "4820fbfdb9478b1ebae27888254d445073732dae3d6ea81f0b7e06d5dedc3f02"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.8"
   sky_engine:
     dependency: transitive
     description: flutter
@@ -144,6 +160,46 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.10.0"
+  sqflite:
+    dependency: "direct main"
+    description:
+      name: sqflite
+      sha256: "2d7299468485dca85efeeadf5d38986909c5eb0cd71fd3db2c2f000e6c9454bb"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.1"
+  sqflite_android:
+    dependency: transitive
+    description:
+      name: sqflite_android
+      sha256: "78f489aab276260cdd26676d2169446c7ecd3484bbd5fead4ca14f3ed4dd9ee3"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.0"
+  sqflite_common:
+    dependency: transitive
+    description:
+      name: sqflite_common
+      sha256: "761b9740ecbd4d3e66b8916d784e581861fd3c3553eda85e167bc49fdb68f709"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.5.4+6"
+  sqflite_darwin:
+    dependency: transitive
+    description:
+      name: sqflite_darwin
+      sha256: "22adfd9a2c7d634041e96d6241e6e1c8138ca6817018afc5d443fef91dcefa9c"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.1+1"
+  sqflite_platform_interface:
+    dependency: transitive
+    description:
+      name: sqflite_platform_interface
+      sha256: "8dd4515c7bdcae0a785b0062859336de775e8c65db81ae33dd5445f35be61920"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.0"
   stack_trace:
     dependency: transitive
     description:
@@ -168,6 +224,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.3.0"
+  synchronized:
+    dependency: transitive
+    description:
+      name: synchronized
+      sha256: "69fe30f3a8b04a0be0c15ae6490fc859a78ef4c43ae2dd5e8a623d45bfcf9225"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.3.0+3"
   term_glyph:
     dependency: transitive
     description:
@@ -202,4 +266,4 @@ packages:
     version: "14.3.0"
 sdks:
   dart: ">=3.6.1 <4.0.0"
-  flutter: ">=3.18.0-18.0.pre.54"
+  flutter: ">=3.24.0"

pubspec.yaml

@@ -9,6 +9,7 @@ environment:
 dependencies:
   flutter:
     sdk: flutter
+  sqflite: ^2.4.1
 
 dev_dependencies:
   flutter_test: