jonaszbigda/menui_mobile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

bottom and top bars

Browse Source
This commit is contained in:
Jonasz Bigda
2021-01-06 16:08:47 +01:00
parent 482628b674
commit 204a77b89f
7 changed files with 893 additions and 406 deletions
Download Patch File Download Diff File Expand all files Collapse all files

348
lib/components/homeScreen.dart
View File

@@ -2,7 +2,8 @@ import 'package:flutter/material.dart';
import 'searchBar.dart';
import '../settings.dart';
import 'mapView.dart';
import 'package:package_info/package_info.dart';
import 'orderView.dart';
import 'favoritesView.dart';
class HomePage extends StatelessWidget {
final MenuiSettings settings = new MenuiSettings();
@@ -66,7 +67,10 @@ class HomePage extends StatelessWidget {
),
Text(
'Szukaj',
style: TextStyle(color: Colors.grey[200], fontSize: 12),
style: TextStyle(
color: Colors.grey[200],
fontSize: 12,
fontWeight: FontWeight.w400),
)
],
),
@@ -75,9 +79,8 @@ class HomePage extends StatelessWidget {
color: Colors.grey[850],
elevation: 0,
padding: EdgeInsets.all(8),
onPressed: () {
showSettings(context);
},
onPressed: () => Navigator.push(context,
MaterialPageRoute(builder: (context) => OrderView())),
child: Column(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
@@ -87,7 +90,10 @@ class HomePage extends StatelessWidget {
),
Text(
'Zamówienie',
style: TextStyle(color: Colors.grey[200], fontSize: 12),
style: TextStyle(
color: Colors.grey[200],
fontSize: 12,
fontWeight: FontWeight.w400),
)
],
),
@@ -96,9 +102,8 @@ class HomePage extends StatelessWidget {
color: Colors.grey[850],
elevation: 0,
padding: EdgeInsets.all(8),
onPressed: () {
showSettings(context);
},
onPressed: () => Navigator.push(context,
MaterialPageRoute(builder: (context) => FavoritesView())),
child: Column(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
@@ -108,7 +113,10 @@ class HomePage extends StatelessWidget {
),
Text(
'Ulubione',
style: TextStyle(color: Colors.grey[200], fontSize: 12),
style: TextStyle(
color: Colors.grey[200],
fontSize: 12,
fontWeight: FontWeight.w400),
)
],
),
@@ -118,7 +126,7 @@ class HomePage extends StatelessWidget {
elevation: 0,
padding: EdgeInsets.all(8),
onPressed: () {
showSettings(context);
showSettings(context, settings);
},
child: Column(
mainAxisSize: MainAxisSize.min,
@@ -129,7 +137,10 @@ class HomePage extends StatelessWidget {
),
Text(
'Ustawienia',
style: TextStyle(color: Colors.grey[200], fontSize: 12),
style: TextStyle(
color: Colors.grey[200],
fontSize: 12,
fontWeight: FontWeight.w400),
)
],
),
@@ -139,317 +150,4 @@ class HomePage extends StatelessWidget {
),
);
}
// SHOW SETTINGS
showSettings(BuildContext context) async {
FocusManager.instance.primaryFocus.unfocus();
final String languageCode = await settings.getLanguage();
final String language = settings.decodeLanguage(languageCode);
final int radius = await settings.getRadius();
final bool recommendationsValue = await settings.getRecommendations();
final recommendations = settings.decodeBool(recommendationsValue);
showModalBottomSheet(
backgroundColor: Colors.grey[850],
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.only(
topLeft: Radius.circular(24), topRight: Radius.circular(24))),
context: context,
builder: (BuildContext context) {
return ListView(
shrinkWrap: true,
physics: NeverScrollableScrollPhysics(),
children: <Widget>[
ListTile(
title: Text(
'Język',
style: TextStyle(color: Colors.white),
),
subtitle: Text(
language,
style: TextStyle(color: Colors.grey),
),
leading: Icon(
Icons.language,
color: Colors.orange,
),
onTap: () {
Navigator.pop(context);
showLanguageSelectionDialog(context);
}),
ListTile(
title: Text(
'Promień lokalizacji',
style: TextStyle(color: Colors.white),
),
subtitle:
Text('${radius}m', style: TextStyle(color: Colors.grey)),
leading: Icon(
Icons.location_searching_rounded,
color: Colors.orange,
),
onTap: () {
Navigator.pop(context);
showRadiusSelectionDialog(context);
}),
ListTile(
title: Text(
'Proponuj restauracje',
style: TextStyle(color: Colors.white),
),
subtitle: Text(recommendations,
style: TextStyle(color: Colors.grey)),
leading: Icon(
Icons.notifications,
color: Colors.orange,
),
onTap: () {
Navigator.pop(context);
showRecommendationsDialog(context);
}),
ListTile(
title: Text(
'O aplikacji',
style: TextStyle(color: Colors.white),
),
leading: Icon(
Icons.info,
color: Colors.grey,
),
onTap: () {
Navigator.pop(context);
showAppInfoDialog(context);
}),
],
);
});
}
// SELECT LANGUAGE
void showLanguageSelectionDialog(BuildContext context) async {
final currentLanguage = await settings.getLanguage();
showDialog(
context: context,
builder: (BuildContext context) {
return SimpleDialog(
title: Text(
'Język',
style: TextStyle(color: Colors.white, fontSize: 16),
textAlign: TextAlign.center,
),
shape:
RoundedRectangleBorder(borderRadius: BorderRadius.circular(24)),
backgroundColor: Colors.grey[850],
children: <Widget>[
SimpleDialogOption(
onPressed: () {
settings.setLanguage('pl');
Navigator.pop(context);
},
child: Text(
'Polski',
style:
TextStyle(color: getOptionColor(currentLanguage, 'pl')),
textAlign: TextAlign.center,
),
),
SimpleDialogOption(
onPressed: () {
settings.setLanguage('en');
Navigator.pop(context);
},
child: Text(
'English',
style:
TextStyle(color: getOptionColor(currentLanguage, 'en')),
textAlign: TextAlign.center,
),
),
SimpleDialogOption(
onPressed: () {
settings.setLanguage('de');
Navigator.pop(context);
},
child: Text(
'Deutsch',
style:
TextStyle(color: getOptionColor(currentLanguage, 'de')),
textAlign: TextAlign.center,
),
)
],
);
});
}
// SET SHOW RECOMMENDATIONS
void showRecommendationsDialog(BuildContext context) async {
final showRecommendations = await settings.getRecommendations();
showDialog(
context: context,
builder: (BuildContext context) {
return SimpleDialog(
title: Text(
'Polecaj restauracje w okolicy',
style: TextStyle(color: Colors.white, fontSize: 16),
textAlign: TextAlign.center,
),
shape:
RoundedRectangleBorder(borderRadius: BorderRadius.circular(24)),
backgroundColor: Colors.grey[850],
children: <Widget>[
SimpleDialogOption(
onPressed: () {
settings.setRecommendations(true);
Navigator.pop(context);
},
child: Text(
'Tak',
style: TextStyle(
color: getOptionColor(showRecommendations, true)),
textAlign: TextAlign.center,
),
),
SimpleDialogOption(
onPressed: () {
settings.setRecommendations(false);
Navigator.pop(context);
},
child: Text(
'Nie',
style: TextStyle(
color: getOptionColor(showRecommendations, false)),
textAlign: TextAlign.center,
),
),
],
);
});
}
// SHOW APP INFO
void showAppInfoDialog(BuildContext context) async {
PackageInfo packageInfo = await PackageInfo.fromPlatform();
String version = packageInfo.version;
showDialog(
context: context,
builder: (BuildContext context) {
return SimpleDialog(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(24)),
backgroundColor: Colors.grey[850],
children: <Widget>[
ListTile(
title: Text(
'Wersja aplikacji',
textAlign: TextAlign.center,
style: TextStyle(color: Colors.white),
),
subtitle: Text(
version,
textAlign: TextAlign.center,
style: TextStyle(color: Colors.grey),
)),
ListTile(
title: Text(
'Wsparcie',
textAlign: TextAlign.center,
style: TextStyle(color: Colors.white),
),
subtitle: Text(
'support@menui.pl',
textAlign: TextAlign.center,
style: TextStyle(color: Colors.grey),
)),
]);
});
}
// SELECT RADIUS
void showRadiusSelectionDialog(BuildContext context) async {
final int currentRadius = await settings.getRadius();
showDialog(
context: context,
builder: (BuildContext context) {
return RadiusSlider(
initialValue: currentRadius.toDouble(),
);
});
}
Color getOptionColor(targetOption, thisOption) {
if (thisOption == targetOption) {
return Colors.orange;
} else {
return Colors.grey;
}
}
}
class RadiusSlider extends StatefulWidget {
final double initialValue;
RadiusSlider({Key key, @required this.initialValue}) : super(key: key);
@override
_RadiusSliderState createState() =>
_RadiusSliderState(sliderValue: initialValue);
}
class _RadiusSliderState extends State<RadiusSlider> {
double sliderValue;
_RadiusSliderState({this.sliderValue});
@override
Widget build(BuildContext context) {
return SimpleDialog(
title: Text(
'Promień lokalizacji',
style: TextStyle(color: Colors.white, fontSize: 16),
textAlign: TextAlign.center,
),
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(24)),
backgroundColor: Colors.grey[850],
children: <Widget>[
Slider(
value: sliderValue,
min: 300,
max: 3000,
divisions: 9,
label: formatDistance(sliderValue),
onChanged: (double value) {
setState(() {
sliderValue = value;
});
}),
SimpleDialogOption(
onPressed: () async {
final MenuiSettings settings = new MenuiSettings();
settings.setRadius(sliderValue.toInt());
Navigator.pop(context);
},
child: const Text(
'Zapisz',
style: TextStyle(color: Colors.white),
textAlign: TextAlign.center,
),
),
],
);
}
String formatDistance(double distance) {
if (distance > 1000) {
final double distanceInKM = distance / 1000;
return '${distanceInKM.toString()}km';
} else {
return '${distance}m';
}
}
}