Bottom app bar is now fixed #7

Merged
marco merged 2 commits from fixed-bottom-bar into master 2024-12-07 12:06:25 +00:00
9 changed files with 266 additions and 139 deletions
Showing only changes of commit 3faf5295b1 - Show all commits

View File

@ -1,6 +1,8 @@
import 'package:calorimeter/food_entry/food_entry_bloc.dart'; import 'package:calorimeter/food_entry/food_entry_bloc.dart';
import 'package:calorimeter/perdate/perdate_pageview.dart'; import 'package:calorimeter/perdate/perdate_pageview.dart';
import 'package:calorimeter/perdate/perdate_pageview_controller.dart';
import 'package:calorimeter/storage/storage.dart'; import 'package:calorimeter/storage/storage.dart';
import 'package:calorimeter/utils/date_time_helper.dart';
import 'package:calorimeter/utils/settings_bloc.dart'; import 'package:calorimeter/utils/settings_bloc.dart';
import 'package:calorimeter/utils/theme_bloc.dart'; import 'package:calorimeter/utils/theme_bloc.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
@ -87,14 +89,8 @@ class MainApp extends StatelessWidget {
GoRoute( GoRoute(
path: '/', path: '/',
builder: (context, state) { builder: (context, state) {
return PerDatePageview( return PerDatePageViewController(
initalDate: DateTime.now().copyWith( initialDate: DateTimeHelper.now(),
hour: 0,
minute: 0,
second: 0,
millisecond: 0,
microsecond: 0,
),
); );
}, },
), ),

View File

@ -1,76 +1,46 @@
import 'dart:developer';
import 'package:calorimeter/perdate/perdate_pageview_controller.dart';
import 'package:calorimeter/perdate/perdate_widget.dart'; import 'package:calorimeter/perdate/perdate_widget.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
class PerDatePageview extends StatefulWidget { class PerDatePageView extends StatelessWidget {
// this is the date for which the PerDate widget will be shown on screen // this is the date for which the PerDate widget will be shown on screen
// left of it will be yesterday's PerDate widget // left of it will be yesterday's PerDate widget
// right of it will be tomorrow's PerDate widget // right of it will be tomorrow's PerDate widget
final DateTime initalDate; final DateTime initialDate;
const PerDatePageview({required this.initalDate, super.key}); final PageController pageController;
@override const PerDatePageView({
State<PerDatePageview> createState() => _PerDatePageviewState(); required this.initialDate,
} required this.pageController,
super.key,
class _PerDatePageviewState extends State<PerDatePageview> { });
late PageController pageController;
late DateTime displayedDate;
late List<int> visitedIndexes = [];
final int initialOffset = 36500000;
//TODO: that is just ugly
bool backButtonWasPressed = false;
@override
void initState() {
super.initState();
pageController = PageController(initialPage: initialOffset);
displayedDate = widget.initalDate;
visitedIndexes.add(initialOffset);
}
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return BackButtonListener( log("PerDatePageView's build()");
onBackButtonPressed: () async { return PageView.builder(
if (visitedIndexes.length == 1) {
return false;
}
visitedIndexes.removeLast();
backButtonWasPressed = true;
pageController.jumpToPage(visitedIndexes.last);
return true;
},
child: PageView.builder(
reverse: true, reverse: true,
controller: pageController, controller: pageController,
onPageChanged: (value) { onPageChanged: (value) {
if (backButtonWasPressed) { log("onPageChanged() with value $value");
backButtonWasPressed = false;
return;
}
visitedIndexes.add(value); var diff = value - pageController.initialPage;
var newDate = initialDate.subtract(Duration(days: diff));
log("newDate = $newDate");
context.read<PageViewStateProvider>().setDisplayedDate(newDate);
}, },
itemBuilder: (context, index) { itemBuilder: (context, index) {
var dateToBuildWidgetFor = log("itemBuilder() called with index $index");
displayedDate.subtract(Duration(days: index - initialOffset)); var dateToBuildWidgetFor = initialDate
.subtract(Duration(days: index - pageController.initialPage));
return PerDateWidget( return PerDateWidget(
key: ValueKey(dateToBuildWidgetFor.toString()), key: ValueKey(dateToBuildWidgetFor.toString()),
date: dateToBuildWidgetFor.copyWith(isUtc: true), date: dateToBuildWidgetFor,
onDateSelected: (dateSelected) {
if (dateSelected == null) return;
var diff = dateSelected.difference(dateToBuildWidgetFor);
var newIndex = index - diff.inDays;
pageController.jumpToPage(newIndex);
});
}),
); );
});
} }
} }

View File

@ -0,0 +1,126 @@
import 'dart:developer';
import 'package:barcode_scan2/barcode_scan2.dart';
import 'package:calorimeter/food_entry/food_entry_bloc.dart';
import 'package:calorimeter/perdate/perdate_pageview.dart';
import 'package:calorimeter/utils/app_drawer.dart';
import 'package:calorimeter/utils/calendar_floating_button.dart';
import 'package:calorimeter/utils/date_time_helper.dart';
import 'package:calorimeter/utils/rectangular_notch_shape.dart';
import 'package:calorimeter/utils/scan_food_floating_button.dart';
import 'package:calorimeter/utils/sum_widget.dart';
import 'package:calorimeter/utils/theme_switcher_button.dart';
import 'package:flutter/material.dart';
import 'package:intl/intl.dart';
import 'package:provider/provider.dart';
class PerDatePageViewController extends StatelessWidget {
// this is the date for which the PerDate widget will be shown on screen
// left of it will be yesterday's PerDate widget
// right of it will be tomorrow's PerDate widget
final DateTime initialDate;
final PageController pageController;
static final int initialOffset = 36500000;
const PerDatePageViewController._(
{required this.initialDate, required this.pageController});
factory PerDatePageViewController({required initialDate}) {
return PerDatePageViewController._(
initialDate: initialDate,
pageController: PageController(initialPage: initialOffset));
}
@override
Widget build(BuildContext context) {
return BackButtonListener(
onBackButtonPressed: () async {
var visitedIndexes =
context.read<PageViewStateProvider>().visitedIndexes;
if (visitedIndexes.length == 1) {
return false;
}
visitedIndexes.removeLast();
pageController.jumpToPage(visitedIndexes.last);
return true;
},
child: ChangeNotifierProvider(
create: (context) => PageViewStateProvider(
initialDate: initialDate,
initialOffset: initialOffset,
),
child: Builder(builder: (context) {
return Scaffold(
appBar: AppBar(
title: Builder(builder: (context) {
return Text(DateFormat.yMMMMd('de').format(
context.watch<PageViewStateProvider>().displayedDate));
}),
actions: const [ThemeSwitcherButton()],
),
bottomNavigationBar: BottomAppBar(
shape: const RectangularNotchShape(),
color: Theme.of(context).colorScheme.secondary,
child: SumWidget(foodEntries: [])),
drawer: const AppDrawer(),
floatingActionButton: OverflowBar(children: [
ScanFoodFAB(
onPressed: () {
var result = BarcodeScanner.scan();
context
.read<FoodEntryBloc>()
.add(BarcodeScanned(scanResultFuture: result));
},
),
const SizedBox(width: 8),
CalendarFAB(
startFromDate: DateTimeHelper.now(),
onDateSelected: (dateSelected) {
if (dateSelected == null) return;
var dateDiff = dateSelected.difference(initialDate).inDays;
log("dateDiff = $dateDiff");
pageController.jumpToPage(initialOffset - dateDiff);
},
),
]),
floatingActionButtonLocation:
FloatingActionButtonLocation.endDocked,
body: PerDatePageView(
pageController: pageController,
initialDate: initialDate,
),
);
}),
),
);
}
}
class PageViewStateProvider with ChangeNotifier {
DateTime _displayedDate;
List<int> visitedIndexes = [];
bool _backButtonWasPressed = false;
PageViewStateProvider({required DateTime initialDate, int initialOffset = 0})
: _displayedDate = initialDate {
visitedIndexes.add(initialOffset);
}
set backButtonWasPressed(val) => _backButtonWasPressed = val;
get backButtonWasPressed => _backButtonWasPressed;
get displayedDate => _displayedDate;
void setDisplayedDate(date) {
_displayedDate = date;
notifyListeners();
}
void addVisitedindex(int index) {
visitedIndexes.add(index);
}
}

View File

@ -1,22 +1,13 @@
import 'package:barcode_scan2/barcode_scan2.dart';
import 'package:calorimeter/utils/scan_food_floating_button.dart';
import 'package:calorimeter/utils/app_drawer.dart';
import 'package:calorimeter/food_entry/food_entry_bloc.dart'; import 'package:calorimeter/food_entry/food_entry_bloc.dart';
import 'package:calorimeter/perdate/entry_list.dart'; import 'package:calorimeter/perdate/entry_list.dart';
import 'package:calorimeter/storage/storage.dart'; import 'package:calorimeter/storage/storage.dart';
import 'package:calorimeter/utils/calendar_floating_button.dart';
import 'package:calorimeter/utils/rectangular_notch_shape.dart';
import 'package:calorimeter/utils/sum_widget.dart';
import 'package:calorimeter/utils/theme_switcher_button.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart'; import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:intl/intl.dart'; import 'package:provider/provider.dart';
class PerDateWidget extends StatefulWidget { class PerDateWidget extends StatefulWidget {
final DateTime date; final DateTime date;
final Function(DateTime?) onDateSelected; const PerDateWidget({super.key, required this.date});
const PerDateWidget(
{super.key, required this.date, required this.onDateSelected});
@override @override
State<PerDateWidget> createState() => _PerDateWidgetState(); State<PerDateWidget> createState() => _PerDateWidgetState();
@ -25,13 +16,16 @@ class PerDateWidget extends StatefulWidget {
class _PerDateWidgetState extends State<PerDateWidget> class _PerDateWidgetState extends State<PerDateWidget>
with AutomaticKeepAliveClientMixin<PerDateWidget> { with AutomaticKeepAliveClientMixin<PerDateWidget> {
late FoodStorage storage; late FoodStorage storage;
late Future<List<FoodEntryState>> entriesFuture;
List<FoodEntryState> entries = []; List<FoodEntryState> entries = [];
@override @override
void initState() { void initState() {
context storage = FoodStorage.getInstance();
.read<FoodEntryBloc>() entriesFuture = storage.getEntriesForDate(widget.date);
.add(PageBeingInitialized(forDate: widget.date)); entriesFuture.then((val) {
entries = val;
});
super.initState(); super.initState();
} }
@ -44,51 +38,29 @@ class _PerDateWidgetState extends State<PerDateWidget>
Widget build(BuildContext context) { Widget build(BuildContext context) {
super.build(context); super.build(context);
return BlocConsumer<FoodEntryBloc, GlobalEntryState>( return FutureBuilder(
future: entriesFuture,
builder: (context, snapshot) {
return snapshot.connectionState != ConnectionState.done
? const Center(child: CircularProgressIndicator())
: BlocProvider(
create: (context) => FoodEntryBloc(
initialState: PageState(foodEntries: entries),
storage: storage,
forDate: widget.date,
),
child: BlocConsumer<FoodEntryBloc, PageState>(
listener: (context, pageState) { listener: (context, pageState) {
if (pageState.errorString != null) { if (pageState.errorString != null) {
showNewSnackbarWith(context, pageState.errorString!); showNewSnackbarWith(context, pageState.errorString!);
} }
}, },
builder: (context, globalState) { builder: (context, pageState) {
return Scaffold( return FoodEntryList(entries: pageState.foodEntries);
appBar: AppBar( },
title: Text(DateFormat.yMMMMd('de').format(widget.date)),
actions: const [ThemeSwitcherButton()],
),
body: FoodEntryList(
entries: globalState.foodEntries[widget.date] ?? [],
date: widget.date),
bottomNavigationBar: BottomAppBar(
shape: const RectangularNotchShape(),
color: Theme.of(context).colorScheme.secondary,
child: SumWidget(
foodEntries: globalState.foodEntries[widget.date] ?? [])),
drawer: const AppDrawer(),
floatingActionButton: OverflowBar(children: [
ScanFoodFloatingButton(
onPressed: () {
var result = BarcodeScanner.scan();
context.read<FoodEntryBloc>().add(
BarcodeScanned(
scanResultFuture: result,
forDate: widget.date,
), ),
); );
}, });
),
const SizedBox(width: 8),
CalendarFloatingButton(
startFromDate: widget.date,
onDateSelected: (dateSelected) {
widget.onDateSelected(dateSelected);
},
),
]),
floatingActionButtonLocation:
FloatingActionButtonLocation.endDocked);
},
);
} }
void showNewSnackbarWith(BuildContext context, String text) { void showNewSnackbarWith(BuildContext context, String text) {

View File

@ -1,6 +1,7 @@
import 'dart:io'; import 'dart:io';
import 'package:calorimeter/food_entry/food_entry_bloc.dart'; import 'package:calorimeter/food_entry/food_entry_bloc.dart';
import 'package:calorimeter/utils/date_time_helper.dart';
import 'package:path_provider/path_provider.dart'; import 'package:path_provider/path_provider.dart';
import 'package:universal_platform/universal_platform.dart'; import 'package:universal_platform/universal_platform.dart';
@ -157,7 +158,7 @@ class FoodStorage {
// get a list of dates of the last 365 days // get a list of dates of the last 365 days
var dates = List<DateTime>.generate(365, (idx) { var dates = List<DateTime>.generate(365, (idx) {
var durationToPast = Duration(days: idx); var durationToPast = Duration(days: idx);
return DateTime.now().subtract(durationToPast); return DateTimeHelper.now().subtract(durationToPast);
}); });
for (var date in dates.reversed) { for (var date in dates.reversed) {

View File

@ -1,10 +1,11 @@
import 'package:calorimeter/utils/date_time_helper.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
class CalendarFloatingButton extends StatelessWidget { class CalendarFAB extends StatelessWidget {
final DateTime startFromDate; final DateTime startFromDate;
final Function(DateTime?) onDateSelected; final Function(DateTime?) onDateSelected;
const CalendarFloatingButton( const CalendarFAB(
{super.key, required this.startFromDate, required this.onDateSelected}); {super.key, required this.startFromDate, required this.onDateSelected});
@override @override
@ -15,17 +16,18 @@ class CalendarFloatingButton extends StatelessWidget {
locale: const Locale('de'), locale: const Locale('de'),
context: context, context: context,
initialDate: startFromDate, initialDate: startFromDate,
currentDate: DateTime.now(), currentDate: DateTimeHelper.now(),
firstDate: DateTime.now().subtract(const Duration(days: 365 * 10)), firstDate:
lastDate: DateTime.now().add(const Duration(days: 365 * 10)), DateTimeHelper.now().subtract(const Duration(days: 365 * 10)),
lastDate: DateTimeHelper.now().add(const Duration(days: 365 * 10)),
); );
if (!context.mounted) return; if (!context.mounted) return;
onDateSelected(datePicked); onDateSelected(datePicked?.copyWith(isUtc: true));
}, },
heroTag: "calendarFAB", heroTag: "calendarFAB",
child: const Icon(Icons.today), child: const Icon(Icons.date_range),
); );
} }
} }

View File

@ -0,0 +1,12 @@
class DateTimeHelper {
static DateTime now() {
return DateTime.now().copyWith(
isUtc: true,
hour: 0,
minute: 0,
second: 0,
millisecond: 0,
microsecond: 0,
);
}
}

View File

@ -1,8 +1,8 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
class ScanFoodFloatingButton extends StatelessWidget { class ScanFoodFAB extends StatelessWidget {
final Function() onPressed; final Function() onPressed;
const ScanFoodFloatingButton({super.key, required this.onPressed}); const ScanFoodFAB({super.key, required this.onPressed});
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {

View File

@ -0,0 +1,48 @@
import 'package:barcode_scan2/barcode_scan2.dart';
import 'package:calorimeter/food_entry/food_entry_bloc.dart';
import 'package:calorimeter/food_scan/food_fact_lookup.dart';
import 'package:flutter/material.dart';
class ScanFoodNotifier with ChangeNotifier {
void handleBarcodeScannedEvent(BarcodeScanned barcode) async {
var client = FoodFactLookupClient();
var scanResult = await barcode.scanResultFuture;
if (scanResult.type == ResultType.Cancelled) {
return;
}
if (scanResult.type == ResultType.Error) {
return;
}
var responseFuture = client.retrieveFoodInfo(scanResult.rawContent);
var newEntryWaiting = FoodEntryState(
kcalPer100: 0,
name: "",
mass: 0,
waitingForNetwork: true,
isSelected: false,
);
await responseFuture.then((response) async {
if (response.status ==
FoodFactResponseStatus.foodFactServerNotReachable) {
return;
}
var newEntryFinishedWaiting = FoodEntryState(
name: response.food?.name ?? "",
mass: response.food?.mass ?? 0,
kcalPer100: response.food?.kcalPer100g ?? 0,
waitingForNetwork: false,
isSelected: false,
);
});
}
}
class BarcodeScanned {
final Future<ScanResult> scanResultFuture;
BarcodeScanned({required this.scanResultFuture});
}