Nuevos cambios hechos de diseño
This commit is contained in:
ellecio2
296
desarrollo2/source_code/lib/screens/main.dart
Normal file
296
desarrollo2/source_code/lib/screens/main.dart
Normal file
@@ -0,0 +1,296 @@
|
||||
import 'package:active_ecommerce_seller_app/custom/CommonFunctoins.dart';
|
||||
import 'package:active_ecommerce_seller_app/custom/common_style.dart';
|
||||
import 'package:active_ecommerce_seller_app/custom/customDateTimes.dart';
|
||||
import 'package:active_ecommerce_seller_app/custom/localization.dart';
|
||||
import 'package:active_ecommerce_seller_app/custom/route_transaction.dart';
|
||||
import 'package:active_ecommerce_seller_app/helpers/shop_info_helper.dart';
|
||||
import 'package:active_ecommerce_seller_app/my_theme.dart';
|
||||
import 'package:active_ecommerce_seller_app/screens/account.dart';
|
||||
import 'package:active_ecommerce_seller_app/screens/conversation.dart';
|
||||
import 'package:active_ecommerce_seller_app/screens/home.dart';
|
||||
import 'package:active_ecommerce_seller_app/screens/orders.dart';
|
||||
import 'package:active_ecommerce_seller_app/screens/product/products.dart';
|
||||
import 'package:active_ecommerce_seller_app/screens/profile.dart';
|
||||
import 'dart:async';
|
||||
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'dart:ui';
|
||||
import 'package:flutter/services.dart';
|
||||
import 'package:flutter_gen/gen_l10n/app_localizations.dart';
|
||||
import 'package:route_transitions/route_transitions.dart';
|
||||
|
||||
class Main extends StatefulWidget {
|
||||
@override
|
||||
_MainState createState() => _MainState();
|
||||
}
|
||||
|
||||
class _MainState extends State<Main> {
|
||||
int _currentIndex = 0;
|
||||
String title = "";
|
||||
var _children = [
|
||||
Home(
|
||||
fromBottombar: true,
|
||||
),
|
||||
Products(
|
||||
fromBottomBar: true,
|
||||
),
|
||||
Orders(fromBottomBar: true),
|
||||
];
|
||||
|
||||
final GlobalKey<ScaffoldState> _scaffoldKey = new GlobalKey<ScaffoldState>();
|
||||
|
||||
void onTapped(int i) {
|
||||
if (i == 3) {
|
||||
// setState(() {
|
||||
// _scaffoldKey.currentState.openEndDrawer();
|
||||
// });
|
||||
//
|
||||
slideRightWidget(newPage: Account(), context: context, opaque: false);
|
||||
} else {
|
||||
setState(() {
|
||||
_currentIndex = i;
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
void initState() {
|
||||
// TODO: implement initState
|
||||
ShopInfoHelper().setShopInfo();
|
||||
//re appear statusbar in case it was not there in the previous page
|
||||
SystemChrome.setEnabledSystemUIMode(
|
||||
SystemUiMode.manual, overlays: [SystemUiOverlay.top, SystemUiOverlay.bottom]);
|
||||
super.initState();
|
||||
}
|
||||
|
||||
onPop(value) {}
|
||||
|
||||
_onBackPressed(){
|
||||
if (_currentIndex != 0) {
|
||||
setState(() {
|
||||
_currentIndex = 0;
|
||||
});
|
||||
} else {
|
||||
CommonFunctions(context).appExitDialog();
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return WillPopScope(
|
||||
onWillPop: () =>_onBackPressed(),
|
||||
child: Scaffold(
|
||||
key: _scaffoldKey,
|
||||
appBar: buildAppBar(),
|
||||
// drawer: MainDrawer(index: _currentIndex,),
|
||||
extendBody: true,
|
||||
body: _children[_currentIndex],
|
||||
//specify the location of the FAB
|
||||
bottomNavigationBar: Container(
|
||||
height: 90,
|
||||
// padding: const EdgeInsets.symmetric(vertical: 8.0),
|
||||
child: BottomAppBar(
|
||||
color: Colors.transparent,
|
||||
clipBehavior: Clip.antiAlias,
|
||||
child: BackdropFilter(
|
||||
filter: ImageFilter.blur(sigmaX: 1.0, sigmaY: 1.0),
|
||||
child: BottomNavigationBar(
|
||||
type: BottomNavigationBarType.fixed,
|
||||
onTap: onTapped,
|
||||
currentIndex: _currentIndex,
|
||||
backgroundColor: Colors.white.withOpacity(0.8),
|
||||
fixedColor: MyTheme.app_accent_color,
|
||||
unselectedItemColor: Color.fromRGBO(153, 153, 153, 1),
|
||||
items: [
|
||||
BottomNavigationBarItem(
|
||||
icon: Padding(
|
||||
padding: const EdgeInsets.symmetric(vertical: 8.0),
|
||||
child: Image.asset(
|
||||
"assets/icon/dashboard.png",
|
||||
color: _currentIndex == 0
|
||||
? MyTheme.app_accent_color
|
||||
: Color.fromRGBO(153, 153, 153, 1),
|
||||
height: 20,
|
||||
),
|
||||
),
|
||||
label: LangText(context: context).getLocal()!.dashboard_ucf,
|
||||
),
|
||||
BottomNavigationBarItem(
|
||||
icon: Padding(
|
||||
padding: const EdgeInsets.symmetric(vertical: 8.0),
|
||||
child: Image.asset(
|
||||
"assets/icon/products.png",
|
||||
color: _currentIndex == 1
|
||||
? MyTheme.app_accent_color
|
||||
: Color.fromRGBO(153, 153, 153, 1),
|
||||
height: 20,
|
||||
),
|
||||
),
|
||||
label: LangText(context: context).getLocal()!.products_ucf,
|
||||
),
|
||||
BottomNavigationBarItem(
|
||||
icon: Padding(
|
||||
padding: const EdgeInsets.symmetric(vertical: 8.0),
|
||||
child: Image.asset(
|
||||
"assets/icon/orders.png",
|
||||
color: _currentIndex == 2
|
||||
? MyTheme.app_accent_color
|
||||
: Color.fromRGBO(153, 153, 153, 1),
|
||||
height: 20,
|
||||
),
|
||||
),
|
||||
label: LangText(context: context).getLocal()!.orders_ucf,
|
||||
),
|
||||
BottomNavigationBarItem(
|
||||
icon: Padding(
|
||||
padding: const EdgeInsets.symmetric(vertical: 8.0),
|
||||
child: Image.asset(
|
||||
"assets/icon/account.png",
|
||||
color: _currentIndex == 3
|
||||
? MyTheme.app_accent_color
|
||||
: Color.fromRGBO(153, 153, 153, 1),
|
||||
height: 20,
|
||||
),
|
||||
),
|
||||
label: LangText(context: context).getLocal()!.account_ucf,
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
/*floatingActionButton: FloatingActionButton(
|
||||
//backgroundColor: MyTheme.app_accent_color,
|
||||
onPressed: () {
|
||||
MyTransaction(context: context).push(Conversation());
|
||||
|
||||
},
|
||||
child: Container(
|
||||
margin: EdgeInsets.all(0.0),
|
||||
child: IconButton(
|
||||
icon: new Image.asset(
|
||||
'assets/icon/chat.png',
|
||||
height: 16,
|
||||
width: 16,
|
||||
),
|
||||
tooltip: 'Action',
|
||||
onPressed: () {
|
||||
MyTransaction(context: context).push(Conversation());
|
||||
})),
|
||||
elevation: 0.0,
|
||||
),*/
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
AppBar buildAppBar() {
|
||||
return AppBar(
|
||||
leadingWidth: 0.0,
|
||||
backgroundColor: Colors.white,
|
||||
elevation: 5,
|
||||
centerTitle: false,
|
||||
title: Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
children: [
|
||||
/*InkWell(child: Padding(
|
||||
padding: const EdgeInsets.all(10.0),
|
||||
child: Image.asset(
|
||||
'assets/icon/back_arrow.png',
|
||||
height: 14,
|
||||
width: 14,
|
||||
//color: MyTheme.dark_grey,
|
||||
),
|
||||
),
|
||||
onTap: (){
|
||||
setState(() {
|
||||
_currentIndex = 0;
|
||||
});
|
||||
},),*/
|
||||
_currentIndex == 0
|
||||
? Image.asset(
|
||||
'assets/logo/app_logo_small.png',
|
||||
height: 34,
|
||||
width: 26,
|
||||
//color: MyTheme.dark_grey,
|
||||
)
|
||||
: Container(
|
||||
width: 24,
|
||||
height: 24,
|
||||
child: IconButton(
|
||||
splashRadius: 15,
|
||||
padding: EdgeInsets.all(0.0),
|
||||
onPressed: () {
|
||||
setState(() {
|
||||
_currentIndex = 0;
|
||||
});
|
||||
},
|
||||
icon: Image.asset(
|
||||
'assets/icon/back_arrow.png',
|
||||
height: 20,
|
||||
width: 20,
|
||||
color: MyTheme.app_accent_color,
|
||||
),
|
||||
),
|
||||
),
|
||||
SizedBox(
|
||||
width: 10,
|
||||
),
|
||||
Text(
|
||||
getTitle(),
|
||||
style: MyTextStyle()
|
||||
.appbarText()
|
||||
.copyWith(fontSize: 17, fontWeight: FontWeight.bold),
|
||||
),
|
||||
],
|
||||
),
|
||||
actions: [
|
||||
Visibility(
|
||||
visible: _currentIndex == 0,
|
||||
child: Container(
|
||||
alignment: Alignment.center,
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.end,
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Text(
|
||||
'${CustomDateTime.getDate}',
|
||||
style: TextStyle(
|
||||
color: MyTheme.app_accent_color,
|
||||
fontSize: 10,
|
||||
fontWeight: FontWeight.w400),
|
||||
),
|
||||
Text(
|
||||
'${CustomDateTime.getDayName}',
|
||||
style: TextStyle(
|
||||
color: MyTheme.app_accent_color,
|
||||
fontSize: 10,
|
||||
fontWeight: FontWeight.w400),
|
||||
),
|
||||
],
|
||||
)),
|
||||
),
|
||||
SizedBox(
|
||||
width: 20,
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
String getTitle() {
|
||||
switch (_currentIndex) {
|
||||
case 0:
|
||||
title = AppLocalizations.of(context)!.dashboard_ucf;
|
||||
break;
|
||||
case 1:
|
||||
title = AppLocalizations.of(context)!.products_ucf;
|
||||
break;
|
||||
case 2:
|
||||
title = AppLocalizations.of(context)!.orders_ucf;
|
||||
break;
|
||||
case 3:
|
||||
title = AppLocalizations.of(context)!.profile_ucf;
|
||||
break;
|
||||
}
|
||||
return title;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user