Make modal take up full screen

chiraag918 · May 23, 2023 · db1c928 · db1c928
1 parent 4c21d1e
commit db1c928
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/lib/expenses.dart b/lib/expenses.dart
@@ -13,17 +13,19 @@ class Expenses extends StatefulWidget {
 }
 
 class _ExpensesState extends State<Expenses> {
-  List<Expense> _registeredExpenses = [];
+  final List<Expense> _registeredExpenses = [];
 
   void addExpenses(expense) {
     setState(() {
       _registeredExpenses.add(expense);
-      _registeredExpenses = [..._registeredExpenses];
     });
   }
 
   void _openAddExpenseOverlay() {
     showModalBottomSheet(
+      isDismissible: true,
+      // To make the bottom sheet, take up the full screen
+      isScrollControlled: true,
       context: context,
       builder: (ctx) => NewExpense(addExpenses),
     );

diff --git a/lib/widgets/new_expense.dart b/lib/widgets/new_expense.dart
@@ -84,7 +84,7 @@ class _NewExpenseState extends State<NewExpense> {
   @override
   Widget build(BuildContext context) {
     return Padding(
-      padding: const EdgeInsets.all(16),
+      padding: const EdgeInsets.fromLTRB(16, 48, 16, 16),
       child: Column(
         children: [
           TextField(