You MUST read the Babiato Rules before making your first post otherwise you may get permanent warning points or a permanent Ban.
Our resources on Babiato Forum are CLEAN and SAFE. So you can use them for development and testing purposes. If your are on Windows and have an antivirus that alerts you about a possible infection: Know it's a false positive because all scripts are double checked by our experts. We advise you to add Babiato to trusted sites/sources or disable your antivirus momentarily while downloading a resource. "Enjoy your presence on Babiato"
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:intl/intl.dart' show DateFormat;
import 'package:mvc_pattern/mvc_pattern.dart';
import '../../generated/l10n.dart';
import '../controllers/tracking_controller.dart';
import '../elements/CircularLoadingWidget.dart';
import '../elements/FoodOrderItemWidget.dart';
import '../elements/ShoppingCartButtonWidget.dart';
import '../helpers/helper.dart';
import '../models/route_argument.dart';
class TrackingWidget extends StatefulWidget {
final RouteArgument routeArgument;
TrackingWidget({Key key, this.routeArgument}) : super(key: key);
@override
_TrackingWidgetState createState() => _TrackingWidgetState();
}
class _TrackingWidgetState extends StateMVC<TrackingWidget> with SingleTickerProviderStateMixin {
TrackingController _con;
TabController _tabController;
int _tabIndex = 0;
_TrackingWidgetState() : super(TrackingController()) {
_con = controller;
}
@override
void initState() {
_con.listenForOrder(orderId: widget.routeArgument.id);
_tabController = TabController(length: 2, initialIndex: _tabIndex, vsync: this);
_tabController.addListener(_handleTabSelection);
super.initState();
}
void dispose() {
_tabController.dispose();
super.dispose();
}
_handleTabSelection() {
if (_tabController.indexIsChanging) {
setState(() {
_tabIndex = _tabController.index;
});
}
}
@override
Widget build(BuildContext context) {
//final theme = Theme.of(context).copyWith(dividerColor: Colors.transparent, accentColor: Theme.of(context).accentColor);
final theme = Theme.of(context).copyWith(dividerColor: Colors.transparent);
return Scaffold(
key: _con.scaffoldKey,
bottomNavigationBar: Container(
width: MediaQuery.of(context).size.width,
height: 135,
padding: EdgeInsets.symmetric(horizontal: 20),
decoration: BoxDecoration(
color: Theme.of(context).primaryColor,
borderRadius: BorderRadius.only(topRight: Radius.circular(20), topLeft: Radius.circular(20)),
boxShadow: [BoxShadow(color: Theme.of(context).focusColor.withOpacity(0.15), offset: Offset(0, -2), blurRadius: 5.0)]),
child: _con.order == null || _con.orderStatus.isEmpty
? CircularLoadingWidget(height: 120)
: Column(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.center,
mainAxisSize: MainAxisSize.max,
children: <Widget>[
Text(S.of(context).how_would_you_rate_this_restaurant, style: Theme.of(context).textTheme.subtitle1),
Text(S.of(context).click_on_the_stars_below_to_leave_comments, style: Theme.of(context).textTheme.caption),
SizedBox(height: 5),
MaterialButton(
elevation: 0,
focusElevation: 0,
highlightElevation: 0,
onPressed: () {
Navigator.of(context).pushNamed('/Reviews', arguments: RouteArgument(id: _con.order.id, heroTag: "restaurant_reviews"));
},
padding: EdgeInsets.symmetric(vertical: 5),
shape: StadiumBorder(),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: Helper.getStarsList(double.parse(_con.order.foodOrders[0].food.restaurant.rate), size: 35),
),
),
],
),
),
body: _con.order == null || _con.orderStatus.isEmpty
? CircularLoadingWidget(height: 400)
: CustomScrollView(slivers: <Widget>[
SliverAppBar(
snap: true,
floating: true,
centerTitle: true,
title: Text(
S.of(context).orderDetails,
style: Theme.of(context).textTheme.headline6.merge(TextStyle(letterSpacing: 1.3)),
),
actions: <Widget>[
new ShoppingCartButtonWidget(iconColor: Theme.of(context).hintColor, labelColor: Theme.of(context).accentColor),
],
backgroundColor: Theme.of(context).scaffoldBackgroundColor,
elevation: 0,
bottom: TabBar(
controller: _tabController,
indicatorSize: TabBarIndicatorSize.label,
labelPadding: EdgeInsets.symmetric(horizontal: 15),
unselectedLabelColor: Theme.of(context).accentColor,
labelColor: Theme.of(context).primaryColor,
indicator: BoxDecoration(borderRadius: BorderRadius.circular(50), color: Theme.of(context).accentColor),
tabs: [
Tab(
child: Container(
padding: EdgeInsets.symmetric(horizontal: 5),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(50), border: Border.all(color: Theme.of(context).accentColor.withOpacity(0.2), width: 1)),
child: Align(
alignment: Alignment.center,
child: Text(S.of(context).details),
),
),
),
Tab(
child: Container(
padding: EdgeInsets.symmetric(horizontal: 5),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(50), border: Border.all(color: Theme.of(context).accentColor.withOpacity(0.2), width: 1)),
child: Align(
alignment: Alignment.center,
child: Text(S.of(context).tracking_order),
),
),
),
]),
),
SliverList(
delegate: SliverChildListDelegate([
Offstage(
offstage: 0 != _tabIndex,
child: Padding(
padding: const EdgeInsets.only(top: 30),
child: Stack(
alignment: AlignmentDirectional.topCenter,
children: <Widget>[
Opacity(
opacity: _con.order.active ? 1 : 0.4,
child: Column(
crossAxisAlignment: CrossAxisAlignment.end,
children: <Widget>[
Container(
margin: EdgeInsets.only(top: 14),
padding: EdgeInsets.only(top: 20, bottom: 5),
decoration: BoxDecoration(
color: Theme.of(context).primaryColor.withOpacity(0.9),
boxShadow: [
BoxShadow(color: Theme.of(context).focusColor.withOpacity(0.1), blurRadius: 5, offset: Offset(0, 2)),
],
),
child: Theme(
data: theme,
child: ExpansionTile(
initiallyExpanded: true,
title: Column(
children: <Widget>[
Text('${S.of(context).order_id}: #${_con.order.id}'),
Text(
DateFormat('dd-MM-yyyy | HH:mm').format(_con.order.dateTime),
style: Theme.of(context).textTheme.caption,
),
],
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.center,
),
trailing: Column(
crossAxisAlignment: CrossAxisAlignment.end,
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Helper.getPrice(Helper.getTotalOrdersPrice(_con.order), context, style: Theme.of(context).textTheme.headline4),
Text(
'${_con.order.payment.method}',
style: Theme.of(context).textTheme.caption,
)
],
),
children: <Widget>[
Column(
children: List.generate(
_con.order.foodOrders.length,
(indexFood) {
return FoodOrderItemWidget(
heroTag: 'my_order', order: _con.order, foodOrder: _con.order.foodOrders.elementAt(indexFood));
},
)),
Padding(
padding: EdgeInsets.symmetric(vertical: 10, horizontal: 20),
child: Column(
children: <Widget>[
Row(
children: <Widget>[
Expanded(
child: Text(
S.of(context).delivery_fee,
style: Theme.of(context).textTheme.bodyText1,
),
),
Helper.getPrice(_con.order.deliveryFee, context, style: Theme.of(context).textTheme.subtitle1)
],
),
Row(
children: <Widget>[
Expanded(
child: Text(
'${S.of(context).tax} (${_con.order.tax}%)',
style: Theme.of(context).textTheme.bodyText1,
),
),
Helper.getPrice(Helper.getTaxOrder(_con.order), context, style: Theme.of(context).textTheme.subtitle1)
],
),
Row(
children: <Widget>[
Expanded(
child: Text(
S.of(context).total,
style: Theme.of(context).textTheme.bodyText1,
),
),
Helper.getPrice(Helper.getTotalOrdersPrice(_con.order), context,
style: Theme.of(context).textTheme.headline4)
],
),
],
),
)
],
),
),
),
Container(
child: Wrap(
alignment: WrapAlignment.end,
children: <Widget>[
if (_con.order.canCancelOrder())
MaterialButton(
elevation: 0,
focusElevation: 0,
highlightElevation: 0,
onPressed: () {
showDialog(
context: context,
builder: (BuildContext context) {
// return object of type Dialog
return AlertDialog(
title: Wrap(
spacing: 10,
children: <Widget>[
Icon(Icons.report, color: Colors.orange),
Text(
S.of(context).confirmation,
style: TextStyle(color: Colors.orange),
),
],
),
content: Text(S.of(context).areYouSureYouWantToCancelThisOrder),
contentPadding: EdgeInsets.symmetric(horizontal: 30, vertical: 25),
actions: <Widget>[
MaterialButton(
elevation: 0,
focusElevation: 0,
highlightElevation: 0,
child: new Text(
S.of(context).yes,
style: TextStyle(color: Theme.of(context).hintColor),
),
onPressed: () {
_con.doCancelOrder();
Navigator.of(context).pop();
},
),
MaterialButton(
elevation: 0,
focusElevation: 0,
highlightElevation: 0,
child: new Text(
S.of(context).close,
style: TextStyle(color: Colors.orange),
),
onPressed: () {
Navigator.of(context).pop();
},
),
],
);
},
);
},
textColor: Theme.of(context).hintColor,
child: Wrap(
children: <Widget>[Text(S.of(context).cancelOrder + " ", style: TextStyle(height: 1.3)), Icon(Icons.clear)],
),
padding: EdgeInsets.symmetric(horizontal: 20),
),
],
),
),
],
),
),
Container(
padding: EdgeInsets.symmetric(horizontal: 10),
height: 28,
width: 160,
decoration: BoxDecoration(
borderRadius: BorderRadius.all(Radius.circular(100)),
color: _con.order.active ? Theme.of(context).accentColor : Colors.redAccent),
alignment: AlignmentDirectional.center,
child: Text(
_con.order.active ? '${_con.order.orderStatus.status}' : S.of(context).canceled,
maxLines: 1,
overflow: TextOverflow.fade,
softWrap: false,
style: Theme.of(context).textTheme.caption.merge(TextStyle(height: 1, color: Theme.of(context).primaryColor)),
),
),
],
),
),
),
Offstage(
offstage: 1 != _tabIndex,
child: Column(
children: <Widget>[
Padding(
padding: const EdgeInsets.all(12),
child: Theme(
data: ThemeData(
primaryColor: Theme.of(context).accentColor,
),
child: Stepper(
physics: ClampingScrollPhysics(),
controlsBuilder: (BuildContext context, {VoidCallback onStepContinue, VoidCallback onStepCancel}) {
return SizedBox(height: 0);
},
steps: _con.getTrackingSteps(context),
currentStep: int.tryParse(this._con.order.orderStatus.id) - 1,
),
),
),
_con.order.deliveryAddress?.address != null
? Container(
padding: EdgeInsets.symmetric(horizontal: 20, vertical: 15),
decoration: BoxDecoration(
color: Theme.of(context).primaryColor,
),
child: Row(
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[
Container(
height: 55,
width: 55,
decoration: BoxDecoration(
borderRadius: BorderRadius.all(Radius.circular(5)),
color: Theme.of(context).brightness == Brightness.light ? Colors.black38 : Theme.of(context).backgroundColor),
child: Icon(
Icons.place,
color: Theme.of(context).primaryColor,
size: 38,
),
),
SizedBox(width: 15),
Flexible(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Text(
_con.order.deliveryAddress?.description ?? "",
overflow: TextOverflow.fade,
softWrap: false,
style: Theme.of(context).textTheme.subtitle1,
),
Text(
_con.order.deliveryAddress?.address ?? S.of(context).unknown,
overflow: TextOverflow.ellipsis,
maxLines: 3,
style: Theme.of(context).textTheme.caption,
),
],
),
)
],
),
)
: SizedBox(height: 0),
SizedBox(height: 30)
],
),
),
]),
)
]));
}
}Use Stackfood, is much better:
I need help with this error can someone help me I try to build in apk maiss I get this error
v2.6.0
erro
line 347,348,349
error: The argument type 'SizedBox Function(BuildContext, {void Function() onStepCancel, void Function() onStepContinue})' can't be assigned to the parameter type 'Widget Function(BuildContext, ControlsDetails)'. (argument_type_not_assignable at [food_delivery_app] lib\src\pages\tracking.dart:347)
Code:import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'package:intl/intl.dart' show DateFormat; import 'package:mvc_pattern/mvc_pattern.dart'; import '../../generated/l10n.dart'; import '../controllers/tracking_controller.dart'; import '../elements/CircularLoadingWidget.dart'; import '../elements/FoodOrderItemWidget.dart'; import '../elements/ShoppingCartButtonWidget.dart'; import '../helpers/helper.dart'; import '../models/route_argument.dart'; class TrackingWidget extends StatefulWidget { final RouteArgument routeArgument; TrackingWidget({Key key, this.routeArgument}) : super(key: key); @override _TrackingWidgetState createState() => _TrackingWidgetState(); } class _TrackingWidgetState extends StateMVC<TrackingWidget> with SingleTickerProviderStateMixin { TrackingController _con; TabController _tabController; int _tabIndex = 0; _TrackingWidgetState() : super(TrackingController()) { _con = controller; } @override void initState() { _con.listenForOrder(orderId: widget.routeArgument.id); _tabController = TabController(length: 2, initialIndex: _tabIndex, vsync: this); _tabController.addListener(_handleTabSelection); super.initState(); } void dispose() { _tabController.dispose(); super.dispose(); } _handleTabSelection() { if (_tabController.indexIsChanging) { setState(() { _tabIndex = _tabController.index; }); } } @override Widget build(BuildContext context) { //final theme = Theme.of(context).copyWith(dividerColor: Colors.transparent, accentColor: Theme.of(context).accentColor); final theme = Theme.of(context).copyWith(dividerColor: Colors.transparent); return Scaffold( key: _con.scaffoldKey, bottomNavigationBar: Container( width: MediaQuery.of(context).size.width, height: 135, padding: EdgeInsets.symmetric(horizontal: 20), decoration: BoxDecoration( color: Theme.of(context).primaryColor, borderRadius: BorderRadius.only(topRight: Radius.circular(20), topLeft: Radius.circular(20)), boxShadow: [BoxShadow(color: Theme.of(context).focusColor.withOpacity(0.15), offset: Offset(0, -2), blurRadius: 5.0)]), child: _con.order == null || _con.orderStatus.isEmpty ? CircularLoadingWidget(height: 120) : Column( crossAxisAlignment: CrossAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center, mainAxisSize: MainAxisSize.max, children: <Widget>[ Text(S.of(context).how_would_you_rate_this_restaurant, style: Theme.of(context).textTheme.subtitle1), Text(S.of(context).click_on_the_stars_below_to_leave_comments, style: Theme.of(context).textTheme.caption), SizedBox(height: 5), MaterialButton( elevation: 0, focusElevation: 0, highlightElevation: 0, onPressed: () { Navigator.of(context).pushNamed('/Reviews', arguments: RouteArgument(id: _con.order.id, heroTag: "restaurant_reviews")); }, padding: EdgeInsets.symmetric(vertical: 5), shape: StadiumBorder(), child: Row( mainAxisAlignment: MainAxisAlignment.center, children: Helper.getStarsList(double.parse(_con.order.foodOrders[0].food.restaurant.rate), size: 35), ), ), ], ), ), body: _con.order == null || _con.orderStatus.isEmpty ? CircularLoadingWidget(height: 400) : CustomScrollView(slivers: <Widget>[ SliverAppBar( snap: true, floating: true, centerTitle: true, title: Text( S.of(context).orderDetails, style: Theme.of(context).textTheme.headline6.merge(TextStyle(letterSpacing: 1.3)), ), actions: <Widget>[ new ShoppingCartButtonWidget(iconColor: Theme.of(context).hintColor, labelColor: Theme.of(context).accentColor), ], backgroundColor: Theme.of(context).scaffoldBackgroundColor, elevation: 0, bottom: TabBar( controller: _tabController, indicatorSize: TabBarIndicatorSize.label, labelPadding: EdgeInsets.symmetric(horizontal: 15), unselectedLabelColor: Theme.of(context).accentColor, labelColor: Theme.of(context).primaryColor, indicator: BoxDecoration(borderRadius: BorderRadius.circular(50), color: Theme.of(context).accentColor), tabs: [ Tab( child: Container( padding: EdgeInsets.symmetric(horizontal: 5), decoration: BoxDecoration( borderRadius: BorderRadius.circular(50), border: Border.all(color: Theme.of(context).accentColor.withOpacity(0.2), width: 1)), child: Align( alignment: Alignment.center, child: Text(S.of(context).details), ), ), ), Tab( child: Container( padding: EdgeInsets.symmetric(horizontal: 5), decoration: BoxDecoration( borderRadius: BorderRadius.circular(50), border: Border.all(color: Theme.of(context).accentColor.withOpacity(0.2), width: 1)), child: Align( alignment: Alignment.center, child: Text(S.of(context).tracking_order), ), ), ), ]), ), SliverList( delegate: SliverChildListDelegate([ Offstage( offstage: 0 != _tabIndex, child: Padding( padding: const EdgeInsets.only(top: 30), child: Stack( alignment: AlignmentDirectional.topCenter, children: <Widget>[ Opacity( opacity: _con.order.active ? 1 : 0.4, child: Column( crossAxisAlignment: CrossAxisAlignment.end, children: <Widget>[ Container( margin: EdgeInsets.only(top: 14), padding: EdgeInsets.only(top: 20, bottom: 5), decoration: BoxDecoration( color: Theme.of(context).primaryColor.withOpacity(0.9), boxShadow: [ BoxShadow(color: Theme.of(context).focusColor.withOpacity(0.1), blurRadius: 5, offset: Offset(0, 2)), ], ), child: Theme( data: theme, child: ExpansionTile( initiallyExpanded: true, title: Column( children: <Widget>[ Text('${S.of(context).order_id}: #${_con.order.id}'), Text( DateFormat('dd-MM-yyyy | HH:mm').format(_con.order.dateTime), style: Theme.of(context).textTheme.caption, ), ], crossAxisAlignment: CrossAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.center, ), trailing: Column( crossAxisAlignment: CrossAxisAlignment.end, mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[ Helper.getPrice(Helper.getTotalOrdersPrice(_con.order), context, style: Theme.of(context).textTheme.headline4), Text( '${_con.order.payment.method}', style: Theme.of(context).textTheme.caption, ) ], ), children: <Widget>[ Column( children: List.generate( _con.order.foodOrders.length, (indexFood) { return FoodOrderItemWidget( heroTag: 'my_order', order: _con.order, foodOrder: _con.order.foodOrders.elementAt(indexFood)); }, )), Padding( padding: EdgeInsets.symmetric(vertical: 10, horizontal: 20), child: Column( children: <Widget>[ Row( children: <Widget>[ Expanded( child: Text( S.of(context).delivery_fee, style: Theme.of(context).textTheme.bodyText1, ), ), Helper.getPrice(_con.order.deliveryFee, context, style: Theme.of(context).textTheme.subtitle1) ], ), Row( children: <Widget>[ Expanded( child: Text( '${S.of(context).tax} (${_con.order.tax}%)', style: Theme.of(context).textTheme.bodyText1, ), ), Helper.getPrice(Helper.getTaxOrder(_con.order), context, style: Theme.of(context).textTheme.subtitle1) ], ), Row( children: <Widget>[ Expanded( child: Text( S.of(context).total, style: Theme.of(context).textTheme.bodyText1, ), ), Helper.getPrice(Helper.getTotalOrdersPrice(_con.order), context, style: Theme.of(context).textTheme.headline4) ], ), ], ), ) ], ), ), ), Container( child: Wrap( alignment: WrapAlignment.end, children: <Widget>[ if (_con.order.canCancelOrder()) MaterialButton( elevation: 0, focusElevation: 0, highlightElevation: 0, onPressed: () { showDialog( context: context, builder: (BuildContext context) { // return object of type Dialog return AlertDialog( title: Wrap( spacing: 10, children: <Widget>[ Icon(Icons.report, color: Colors.orange), Text( S.of(context).confirmation, style: TextStyle(color: Colors.orange), ), ], ), content: Text(S.of(context).areYouSureYouWantToCancelThisOrder), contentPadding: EdgeInsets.symmetric(horizontal: 30, vertical: 25), actions: <Widget>[ MaterialButton( elevation: 0, focusElevation: 0, highlightElevation: 0, child: new Text( S.of(context).yes, style: TextStyle(color: Theme.of(context).hintColor), ), onPressed: () { _con.doCancelOrder(); Navigator.of(context).pop(); }, ), MaterialButton( elevation: 0, focusElevation: 0, highlightElevation: 0, child: new Text( S.of(context).close, style: TextStyle(color: Colors.orange), ), onPressed: () { Navigator.of(context).pop(); }, ), ], ); }, ); }, textColor: Theme.of(context).hintColor, child: Wrap( children: <Widget>[Text(S.of(context).cancelOrder + " ", style: TextStyle(height: 1.3)), Icon(Icons.clear)], ), padding: EdgeInsets.symmetric(horizontal: 20), ), ], ), ), ], ), ), Container( padding: EdgeInsets.symmetric(horizontal: 10), height: 28, width: 160, decoration: BoxDecoration( borderRadius: BorderRadius.all(Radius.circular(100)), color: _con.order.active ? Theme.of(context).accentColor : Colors.redAccent), alignment: AlignmentDirectional.center, child: Text( _con.order.active ? '${_con.order.orderStatus.status}' : S.of(context).canceled, maxLines: 1, overflow: TextOverflow.fade, softWrap: false, style: Theme.of(context).textTheme.caption.merge(TextStyle(height: 1, color: Theme.of(context).primaryColor)), ), ), ], ), ), ), Offstage( offstage: 1 != _tabIndex, child: Column( children: <Widget>[ Padding( padding: const EdgeInsets.all(12), child: Theme( data: ThemeData( primaryColor: Theme.of(context).accentColor, ), child: Stepper( physics: ClampingScrollPhysics(), controlsBuilder: (BuildContext context, {VoidCallback onStepContinue, VoidCallback onStepCancel}) { return SizedBox(height: 0); }, steps: _con.getTrackingSteps(context), currentStep: int.tryParse(this._con.order.orderStatus.id) - 1, ), ), ), _con.order.deliveryAddress?.address != null ? Container( padding: EdgeInsets.symmetric(horizontal: 20, vertical: 15), decoration: BoxDecoration( color: Theme.of(context).primaryColor, ), child: Row( mainAxisAlignment: MainAxisAlignment.start, children: <Widget>[ Container( height: 55, width: 55, decoration: BoxDecoration( borderRadius: BorderRadius.all(Radius.circular(5)), color: Theme.of(context).brightness == Brightness.light ? Colors.black38 : Theme.of(context).backgroundColor), child: Icon( Icons.place, color: Theme.of(context).primaryColor, size: 38, ), ), SizedBox(width: 15), Flexible( child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: <Widget>[ Text( _con.order.deliveryAddress?.description ?? "", overflow: TextOverflow.fade, softWrap: false, style: Theme.of(context).textTheme.subtitle1, ), Text( _con.order.deliveryAddress?.address ?? S.of(context).unknown, overflow: TextOverflow.ellipsis, maxLines: 3, style: Theme.of(context).textTheme.caption, ), ], ), ) ], ), ) : SizedBox(height: 0), SizedBox(height: 30) ], ), ), ]), ) ])); } }
did you manage to resolve this?
I need help with this error can someone help me I try to build in apk maiss I get this error
v2.6.0
erro
line 347,348,349
error: The argument type 'SizedBox Function(BuildContext, {void Function() onStepCancel, void Function() onStepContinue})' can't be assigned to the parameter type 'Widget Function(BuildContext, ControlsDetails)'. (argument_type_not_assignable at [food_delivery_app] lib\src\pages\tracking.dart:347)
Code:import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'package:intl/intl.dart' show DateFormat; import 'package:mvc_pattern/mvc_pattern.dart'; import '../../generated/l10n.dart'; import '../controllers/tracking_controller.dart'; import '../elements/CircularLoadingWidget.dart'; import '../elements/FoodOrderItemWidget.dart'; import '../elements/ShoppingCartButtonWidget.dart'; import '../helpers/helper.dart'; import '../models/route_argument.dart'; class TrackingWidget extends StatefulWidget { final RouteArgument routeArgument; TrackingWidget({Key key, this.routeArgument}) : super(key: key); @override _TrackingWidgetState createState() => _TrackingWidgetState(); } class _TrackingWidgetState extends StateMVC<TrackingWidget> with SingleTickerProviderStateMixin { TrackingController _con; TabController _tabController; int _tabIndex = 0; _TrackingWidgetState() : super(TrackingController()) { _con = controller; } @override void initState() { _con.listenForOrder(orderId: widget.routeArgument.id); _tabController = TabController(length: 2, initialIndex: _tabIndex, vsync: this); _tabController.addListener(_handleTabSelection); super.initState(); } void dispose() { _tabController.dispose(); super.dispose(); } _handleTabSelection() { if (_tabController.indexIsChanging) { setState(() { _tabIndex = _tabController.index; }); } } @override Widget build(BuildContext context) { //final theme = Theme.of(context).copyWith(dividerColor: Colors.transparent, accentColor: Theme.of(context).accentColor); final theme = Theme.of(context).copyWith(dividerColor: Colors.transparent); return Scaffold( key: _con.scaffoldKey, bottomNavigationBar: Container( width: MediaQuery.of(context).size.width, height: 135, padding: EdgeInsets.symmetric(horizontal: 20), decoration: BoxDecoration( color: Theme.of(context).primaryColor, borderRadius: BorderRadius.only(topRight: Radius.circular(20), topLeft: Radius.circular(20)), boxShadow: [BoxShadow(color: Theme.of(context).focusColor.withOpacity(0.15), offset: Offset(0, -2), blurRadius: 5.0)]), child: _con.order == null || _con.orderStatus.isEmpty ? CircularLoadingWidget(height: 120) : Column( crossAxisAlignment: CrossAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center, mainAxisSize: MainAxisSize.max, children: <Widget>[ Text(S.of(context).how_would_you_rate_this_restaurant, style: Theme.of(context).textTheme.subtitle1), Text(S.of(context).click_on_the_stars_below_to_leave_comments, style: Theme.of(context).textTheme.caption), SizedBox(height: 5), MaterialButton( elevation: 0, focusElevation: 0, highlightElevation: 0, onPressed: () { Navigator.of(context).pushNamed('/Reviews', arguments: RouteArgument(id: _con.order.id, heroTag: "restaurant_reviews")); }, padding: EdgeInsets.symmetric(vertical: 5), shape: StadiumBorder(), child: Row( mainAxisAlignment: MainAxisAlignment.center, children: Helper.getStarsList(double.parse(_con.order.foodOrders[0].food.restaurant.rate), size: 35), ), ), ], ), ), body: _con.order == null || _con.orderStatus.isEmpty ? CircularLoadingWidget(height: 400) : CustomScrollView(slivers: <Widget>[ SliverAppBar( snap: true, floating: true, centerTitle: true, title: Text( S.of(context).orderDetails, style: Theme.of(context).textTheme.headline6.merge(TextStyle(letterSpacing: 1.3)), ), actions: <Widget>[ new ShoppingCartButtonWidget(iconColor: Theme.of(context).hintColor, labelColor: Theme.of(context).accentColor), ], backgroundColor: Theme.of(context).scaffoldBackgroundColor, elevation: 0, bottom: TabBar( controller: _tabController, indicatorSize: TabBarIndicatorSize.label, labelPadding: EdgeInsets.symmetric(horizontal: 15), unselectedLabelColor: Theme.of(context).accentColor, labelColor: Theme.of(context).primaryColor, indicator: BoxDecoration(borderRadius: BorderRadius.circular(50), color: Theme.of(context).accentColor), tabs: [ Tab( child: Container( padding: EdgeInsets.symmetric(horizontal: 5), decoration: BoxDecoration( borderRadius: BorderRadius.circular(50), border: Border.all(color: Theme.of(context).accentColor.withOpacity(0.2), width: 1)), child: Align( alignment: Alignment.center, child: Text(S.of(context).details), ), ), ), Tab( child: Container( padding: EdgeInsets.symmetric(horizontal: 5), decoration: BoxDecoration( borderRadius: BorderRadius.circular(50), border: Border.all(color: Theme.of(context).accentColor.withOpacity(0.2), width: 1)), child: Align( alignment: Alignment.center, child: Text(S.of(context).tracking_order), ), ), ), ]), ), SliverList( delegate: SliverChildListDelegate([ Offstage( offstage: 0 != _tabIndex, child: Padding( padding: const EdgeInsets.only(top: 30), child: Stack( alignment: AlignmentDirectional.topCenter, children: <Widget>[ Opacity( opacity: _con.order.active ? 1 : 0.4, child: Column( crossAxisAlignment: CrossAxisAlignment.end, children: <Widget>[ Container( margin: EdgeInsets.only(top: 14), padding: EdgeInsets.only(top: 20, bottom: 5), decoration: BoxDecoration( color: Theme.of(context).primaryColor.withOpacity(0.9), boxShadow: [ BoxShadow(color: Theme.of(context).focusColor.withOpacity(0.1), blurRadius: 5, offset: Offset(0, 2)), ], ), child: Theme( data: theme, child: ExpansionTile( initiallyExpanded: true, title: Column( children: <Widget>[ Text('${S.of(context).order_id}: #${_con.order.id}'), Text( DateFormat('dd-MM-yyyy | HH:mm').format(_con.order.dateTime), style: Theme.of(context).textTheme.caption, ), ], crossAxisAlignment: CrossAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.center, ), trailing: Column( crossAxisAlignment: CrossAxisAlignment.end, mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[ Helper.getPrice(Helper.getTotalOrdersPrice(_con.order), context, style: Theme.of(context).textTheme.headline4), Text( '${_con.order.payment.method}', style: Theme.of(context).textTheme.caption, ) ], ), children: <Widget>[ Column( children: List.generate( _con.order.foodOrders.length, (indexFood) { return FoodOrderItemWidget( heroTag: 'my_order', order: _con.order, foodOrder: _con.order.foodOrders.elementAt(indexFood)); }, )), Padding( padding: EdgeInsets.symmetric(vertical: 10, horizontal: 20), child: Column( children: <Widget>[ Row( children: <Widget>[ Expanded( child: Text( S.of(context).delivery_fee, style: Theme.of(context).textTheme.bodyText1, ), ), Helper.getPrice(_con.order.deliveryFee, context, style: Theme.of(context).textTheme.subtitle1) ], ), Row( children: <Widget>[ Expanded( child: Text( '${S.of(context).tax} (${_con.order.tax}%)', style: Theme.of(context).textTheme.bodyText1, ), ), Helper.getPrice(Helper.getTaxOrder(_con.order), context, style: Theme.of(context).textTheme.subtitle1) ], ), Row( children: <Widget>[ Expanded( child: Text( S.of(context).total, style: Theme.of(context).textTheme.bodyText1, ), ), Helper.getPrice(Helper.getTotalOrdersPrice(_con.order), context, style: Theme.of(context).textTheme.headline4) ], ), ], ), ) ], ), ), ), Container( child: Wrap( alignment: WrapAlignment.end, children: <Widget>[ if (_con.order.canCancelOrder()) MaterialButton( elevation: 0, focusElevation: 0, highlightElevation: 0, onPressed: () { showDialog( context: context, builder: (BuildContext context) { // return object of type Dialog return AlertDialog( title: Wrap( spacing: 10, children: <Widget>[ Icon(Icons.report, color: Colors.orange), Text( S.of(context).confirmation, style: TextStyle(color: Colors.orange), ), ], ), content: Text(S.of(context).areYouSureYouWantToCancelThisOrder), contentPadding: EdgeInsets.symmetric(horizontal: 30, vertical: 25), actions: <Widget>[ MaterialButton( elevation: 0, focusElevation: 0, highlightElevation: 0, child: new Text( S.of(context).yes, style: TextStyle(color: Theme.of(context).hintColor), ), onPressed: () { _con.doCancelOrder(); Navigator.of(context).pop(); }, ), MaterialButton( elevation: 0, focusElevation: 0, highlightElevation: 0, child: new Text( S.of(context).close, style: TextStyle(color: Colors.orange), ), onPressed: () { Navigator.of(context).pop(); }, ), ], ); }, ); }, textColor: Theme.of(context).hintColor, child: Wrap( children: <Widget>[Text(S.of(context).cancelOrder + " ", style: TextStyle(height: 1.3)), Icon(Icons.clear)], ), padding: EdgeInsets.symmetric(horizontal: 20), ), ], ), ), ], ), ), Container( padding: EdgeInsets.symmetric(horizontal: 10), height: 28, width: 160, decoration: BoxDecoration( borderRadius: BorderRadius.all(Radius.circular(100)), color: _con.order.active ? Theme.of(context).accentColor : Colors.redAccent), alignment: AlignmentDirectional.center, child: Text( _con.order.active ? '${_con.order.orderStatus.status}' : S.of(context).canceled, maxLines: 1, overflow: TextOverflow.fade, softWrap: false, style: Theme.of(context).textTheme.caption.merge(TextStyle(height: 1, color: Theme.of(context).primaryColor)), ), ), ], ), ), ), Offstage( offstage: 1 != _tabIndex, child: Column( children: <Widget>[ Padding( padding: const EdgeInsets.all(12), child: Theme( data: ThemeData( primaryColor: Theme.of(context).accentColor, ), child: Stepper( physics: ClampingScrollPhysics(), controlsBuilder: (BuildContext context, {VoidCallback onStepContinue, VoidCallback onStepCancel}) { return SizedBox(height: 0); }, steps: _con.getTrackingSteps(context), currentStep: int.tryParse(this._con.order.orderStatus.id) - 1, ), ), ), _con.order.deliveryAddress?.address != null ? Container( padding: EdgeInsets.symmetric(horizontal: 20, vertical: 15), decoration: BoxDecoration( color: Theme.of(context).primaryColor, ), child: Row( mainAxisAlignment: MainAxisAlignment.start, children: <Widget>[ Container( height: 55, width: 55, decoration: BoxDecoration( borderRadius: BorderRadius.all(Radius.circular(5)), color: Theme.of(context).brightness == Brightness.light ? Colors.black38 : Theme.of(context).backgroundColor), child: Icon( Icons.place, color: Theme.of(context).primaryColor, size: 38, ), ), SizedBox(width: 15), Flexible( child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: <Widget>[ Text( _con.order.deliveryAddress?.description ?? "", overflow: TextOverflow.fade, softWrap: false, style: Theme.of(context).textTheme.subtitle1, ), Text( _con.order.deliveryAddress?.address ?? S.of(context).unknown, overflow: TextOverflow.ellipsis, maxLines: 3, style: Theme.of(context).textTheme.caption, ), ], ), ) ], ), ) : SizedBox(height: 0), SizedBox(height: 30) ], ), ), ]), ) ])); } }
We get it, advertisements are annoying!
However in order to keep our huge array of resources free of charge we need to generate income from ads so to use the site you will need to turn off your adblocker.
If you'd like to have an ad free experience you can become a Babiato Lover by donating as little as $5 per month. Click on the Donate menu tab for more info.
Please share new version: V3.0.0 | 16-01-2023
