me/flutter-expense-tracker
me/flutter-expense-tracker
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

Break the form into its own widget, since eventually it'll likely be a pop-up.

Browse Source
This commit is contained in:
Hyperling 2025-02-01 03:14:34 -07:00
parent 45b5e33491
commit aaa95bd3a6
1 changed files with 63 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

116
lib/main.dart
View File

@ -2,28 +2,42 @@
// - https://flutter.dev/docs/cookbook/forms/validation
import 'package:flutter/material.dart';
//import 'package:provider/provider.dart';
void main() {
runApp(const MainApp());
}
class MainApp extends StatefulWidget {
class MainApp extends StatelessWidget {
const MainApp({super.key});
@override
State<MainApp> createState() => _MainAppState();
Widget build(BuildContext context) {
return MaterialApp(
title: 'Recurring Expense Tracker',
theme: ThemeData(
useMaterial3: true,
colorScheme: ColorScheme.fromSeed(seedColor: Colors.green),
),
home: Scaffold(
body: ExpenseInputForm(),
//floatingActionButton: IconButton(onPressed: appState.newExpense(), icon: Icon(Icons.add)),
),
);
}
}
class _MainAppState extends State<MainApp> {
final nameFieldController = TextEditingController();
class ExpenseInputForm extends StatefulWidget {
const ExpenseInputForm({
super.key,
});
@override
void dispose() {
// Clean up the controller when the widget is disposed.
nameFieldController.dispose();
super.dispose();
}
State<ExpenseInputForm> createState() => _ExpenseInputFormState();
}
class _ExpenseInputFormState extends State<ExpenseInputForm> {
@override
Widget build(BuildContext context) {
const inputWidth = 400.0;
@ -37,52 +51,48 @@ class _MainAppState extends State<MainApp> {
DropdownMenuEntry(value: Recurrence.yearly, label: "Yearly"),
];
return const MaterialApp(
home: Scaffold(
body: Center(
child: Column(mainAxisSize: MainAxisSize.min, spacing: 10, children: [
Text('Input an expense below!'),
SizedBox(
width: inputWidth,
height: inputHeight,
child: TextField(
keyboardType: TextInputType.text,
decoration: InputDecoration(
labelText: "Name",
hintText: "Example: Red Pocket Phone Bill",
),
// https://docs.flutter.dev/cookbook/forms/retrieve-input
//controller: nameFieldController,
)),
SizedBox(
width: inputWidth,
height: inputHeight,
child: TextField(
keyboardType: TextInputType.numberWithOptions(decimal: true),
decoration: InputDecoration(
labelText: "Cost", hintText: "Example: 10.00"),
return Center(
child: Column(mainAxisSize: MainAxisSize.min, spacing: 10, children: [
Text('Input an expense below!'),
SizedBox(
width: inputWidth,
height: inputHeight,
child: TextField(
keyboardType: TextInputType.text,
decoration: InputDecoration(
labelText: "Name",
hintText: "Example: Red Pocket Phone Bill",
),
),
DropdownMenu(
dropdownMenuEntries: recurrenceValues,
width: inputWidth,
label: Text("Recurrence"),
hintText: "Example: Monthly",
),
SizedBox(
width: inputWidth,
height: inputHeight,
child: TextField(
keyboardType: TextInputType.text,
decoration: InputDecoration(
labelText: "Description",
hintText:
"Example: 1GB data with unlimited talk & text."
),
)),
]),
// https://docs.flutter.dev/cookbook/forms/retrieve-input
//controller: nameFieldController,
)),
SizedBox(
width: inputWidth,
height: inputHeight,
child: TextField(
keyboardType: TextInputType.numberWithOptions(decimal: true),
decoration: InputDecoration(
labelText: "Cost", hintText: "Example: 10.00"),
),
),
),
DropdownMenu(
dropdownMenuEntries: recurrenceValues,
width: inputWidth,
label: Text("Recurrence"),
hintText: "Example: Monthly",
),
SizedBox(
width: inputWidth,
height: inputHeight,
child: TextField(
keyboardType: TextInputType.text,
decoration: InputDecoration(
labelText: "Description",
hintText:
"Example: 1GB data with unlimited talk & text."
),
)),
]),
);
}
}