my first project for mobile app

This commit is contained in:
Vorngnarak
2021-01-30 16:18:51 +07:00
commit 68f43f68c9
69 changed files with 3484 additions and 0 deletions

50
lib/Page1/MyAppBar.dart Normal file
View File

@@ -0,0 +1,50 @@
import 'package:flutter/material.dart';
import 'MyBottomNavigation.dart';
import 'MyMenu.dart';
class MyAppBar extends StatefulWidget {
@override
_MyAppBarState createState() => _MyAppBarState();
}
class _MyAppBarState extends State<MyAppBar> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: buildAppBar,
body: MyBody(),
bottomNavigationBar: MyBottom(),
);
}
get buildAppBar {
return AppBar(
backgroundColor: Color.fromRGBO(255,255,255, 1),
centerTitle: true,
title: Text("Simons's BBQ Team",style:
TextStyle(
color: Color.fromRGBO(58, 47, 214, 1),fontSize: 20
),
),
bottom: PreferredSize(
preferredSize: Size.fromHeight((20.0),
),child: Padding(
padding: const EdgeInsets.all(9.0),
child: Text("Cubetiqs Solution", style: TextStyle
(
color: Color.fromRGBO(58, 47, 214, 1),
),
),
),
),
);
}
}

View File

@@ -0,0 +1,41 @@
import 'package:cubetiqs_pos_system/Page1/MyBurgerPage.dart';
import 'package:cubetiqs_pos_system/Page1/MyLogin.dart';
import 'package:cubetiqs_pos_system/Page1/MyPizza.dart';
import 'package:flutter/material.dart';
class MyBottom extends StatefulWidget {
@override
_MyBottomState createState() => _MyBottomState();
}
class _MyBottomState extends State<MyBottom> {
@override
Widget build(BuildContext context) {
return Container(
child: BottomNavigationBar(
type: BottomNavigationBarType.fixed,
selectedItemColor: Color.fromRGBO(180, 64, 16, 1),
unselectedItemColor: Color.fromRGBO(180, 64, 16, 1),
iconSize: 25,
onTap: (int index){
Navigator.push(context, MaterialPageRoute(builder: (context){
return Mylogin();
}));
},
items: [
BottomNavigationBarItem(icon:Icon( Icons.people),label: ("User") ,),
BottomNavigationBarItem(icon:Icon( Icons.shopping_cart),label: ("Add to cart") ,),
BottomNavigationBarItem(icon:Icon( Icons.settings),label: ("Settings")),
]
),
);
}
}

481
lib/Page1/MyBurgerPage.dart Normal file
View File

@@ -0,0 +1,481 @@
import 'package:cubetiqs_pos_system/Page1/MyAppBar.dart';
import 'package:cubetiqs_pos_system/Page1/MyPizza.dart';
import 'package:cubetiqs_pos_system/main.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_icons/flutter_icons.dart';
import 'MyBottomNavigation.dart';
class MyBurger extends StatefulWidget {
@override
_MyBurgerState createState() => _MyBurgerState();
}
class _MyBurgerState extends State<MyBurger> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: buildAppbar,
body: buildBody,
endDrawer: buildDrawer,
bottomNavigationBar: MyBottom()
);
}
get buildDrawer {
String img="https://www.pngkey.com/png/full/251-2511135_logo-chief-cook-clipart-png.png";
return Drawer(
child: Container(
decoration: BoxDecoration(
gradient: LinearGradient(
begin: Alignment.topLeft,
end: Alignment.bottomRight,
colors: [
Color.fromRGBO(159, 163, 227,1),
Color.fromRGBO(244, 147, 242,0.3),
]
),
),
child: ListView(
children: [
DrawerHeader(child: Image.network(img)),
Container
(
margin: EdgeInsets.only(left:20),
child: Row(
children: [
Text("Current Order",style: TextStyle(
fontSize: 20
)
),
Container(
margin: EdgeInsets.all(5),
child: Container(
child: SizedBox(
width: 85,
height: 30,
child: RaisedButton(
shape:RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
color: Color.fromRGBO(209, 198, 191, 1),
child: Text("Clear all",style:
TextStyle(
color: Colors.black.withOpacity(0.5)
),),
onPressed:(){
}),
),
),
),
Container(
// margin: EdgeInsets.only(right: 1),
child: SizedBox(
width: 60,
height: 30,
child: RaisedButton(
shape:RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
color: Color.fromRGBO(209, 198, 191, 1),
child: Icon(FontAwesome.send_o),
onPressed:(){
}
),
),
)
],
),
),
ListTile(
leading: Icon(Icons.shopping_cart),
title: Text("Ranch Burgers"),
onTap: () {
Navigator.of(context).pop();
},
trailing: Text(r"$7.75"),
),
ListTile(
leading: Icon(Icons.shopping_cart),
title: Text("Pancakes"),
onTap: () {
Navigator.of(context).pop();
},
trailing: Text(r"$1.75"),
),
ListTile(
leading: Icon(Icons.shopping_cart),
title: Text("Grilled Corn"),
onTap: () {
Navigator.of(context).pop();
},
trailing: Text(r"$1.75"),
),
ListTile(
leading: Icon(Icons.shopping_cart),
title: Text("Bacon pizza "),
onTap: () {
Navigator.of(context).pop();
},
trailing: Text(r"$7.00"),
),
ListTile(
leading: Icon(Icons.shopping_cart),
title: Text("Tortillas"),
onTap: () {
Navigator.of(context).pop();
},
trailing: Text(r"$7.75"),
),
ListTile(
leading: Icon(Icons.shopping_cart),
title: Text("Coca Cola"),
onTap: () {
Navigator.of(context).pop();
},
trailing: Text(r"$5.00"),
),
Container(
margin: EdgeInsets.all(20),
child: SizedBox(
width: 100,
height: 30,
child: RaisedButton(
shape:RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
color: Color.fromRGBO(255, 249, 53, 1),
child: Text("Pay with Credit Card",style:
TextStyle(
color: Colors.black.withOpacity(0.5)
),),
onPressed:(){
}),
),
),
],
),
),
);
}
get buildBody {
return Container(
color: Color.fromRGBO(255,255,255, 1),
child: ListView(
physics: BouncingScrollPhysics(),
children: [
MyMenu,
MyItem1,
MyItem2,
MyItem3,
],
),
);
}
get buildAppbar {
return AppBar(
title: Text("Burger Site",style: TextStyle(
color: Color.fromRGBO(64, 70, 22,1)
),),
centerTitle: true,
backgroundColor: Color.fromRGBO(159, 163, 227,1),
iconTheme: IconThemeData(color: Colors.black),
);
}
get MyMenu {
return Container(
child: Row(
children: [
buildMenu1,
buildMenu2,
buildMenu3,
],
),
);
}
get buildMenu1 {
return Container(
margin: EdgeInsets.only(left:35 ,top: 10),
child: RaisedButton(
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
color: Color.fromRGBO(180, 64, 16, 1),
child: Text("All items",style: TextStyle(
color: Colors.white,
),
)
,
onPressed: (){
Navigator.push(context,MaterialPageRoute(builder: (context){
return MyAppBar();
}));
}),
);
}
get buildMenu2 {
return Container(
margin: EdgeInsets.only(left:35 ,top: 10),
child: RaisedButton(
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
color: Color.fromRGBO(224, 255, 255, 1),
child: Text("Burger",style: TextStyle(
color: Colors.black,
),
)
,
onPressed: (){
}),
);
}
get buildMenu3 {
return Container(
margin: EdgeInsets.only(left:35 ,top: 10),
child: RaisedButton(
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
color: Color.fromRGBO(224, 255, 255, 1),
child: Text("Pizza",style: TextStyle(
color: Colors.black,
),
)
,
onPressed: (){
setState(() {
Navigator.push(context, MaterialPageRoute(builder: (context){
return MyPizza();
}));
});
}),
);
}
get MyItem1 {
return Container(
child: SingleChildScrollView(
child: Stack
(
children: [
buildItem1,
],
),
),
);
}
get buildItem1 {
String img1="https://www.litehousefoods.com/sites/default/files/styles/recipe_image/public/ranchburger_176389079-min.jpg?itok=oBlUqnCZ";
return Container(
margin: EdgeInsets.all(20),
width: 500,
height: 240,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20),
color: Color.fromRGBO(244, 147, 242,0.3),
),
child: Column(
children: [
Container(
margin: EdgeInsets.only(right: 190 , top: 30),
child: Text("Ranch Burgers",
style: TextStyle(
color: Colors.purple,
fontWeight: FontWeight.bold,
fontSize: 20
)
),
),
Container(
margin: EdgeInsets.only(right: 290 , top: 10),
child: Text("150g",
style:TextStyle(
color: Colors.black.withOpacity(0.5),
) ,),
),
Row(
children: [
Container(
margin: EdgeInsets.only(left: 40),
child: Text(r"$7.75" ,
style:TextStyle(
color: Color.fromRGBO(255,131,0,1),
fontSize: 25,
fontWeight: FontWeight.bold
) ,),
),
Container(
width: 100,height: 100,
margin: EdgeInsets.only(left: 140,bottom: 60),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
image: DecorationImage(
image: NetworkImage(img1),
fit: BoxFit.cover
)
),
) ,
],
),
],
),
);
}
get MyItem2 {
return Container(
child: SingleChildScrollView(
child: Stack
(
children: [
buildItem2,
],
),
),
);
}
get buildItem2 {
String img2="https://iamhomesteader.com/wp-content/uploads/2020/08/flank-steak-new-1.jpg";
return Container(
margin: EdgeInsets.all(20),
width: 500,
height: 240,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20),
color: Color.fromRGBO(244, 147, 242,0.3),
),
child: Column(
children: [
Container(
margin: EdgeInsets.only(right: 155 , top: 30),
child: Text("Stufed Flank Steak",
style: TextStyle(
color: Colors.purple,
fontWeight: FontWeight.bold,
fontSize: 20
)
),
),
Container(
margin: EdgeInsets.only(right: 290 , top: 10),
child: Text("150g",
style:TextStyle(
color: Colors.black.withOpacity(0.5),
) ,),
),
Row(
children: [
Container(
margin: EdgeInsets.only(left: 30),
child: Text(r"$13.50" ,
style:TextStyle(
color: Color.fromRGBO(255,131,0,1),
fontSize: 25,
fontWeight: FontWeight.bold
) ,),
),
Container(
width: 100,height: 100,
margin: EdgeInsets.only(left: 140,bottom: 60),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
image: DecorationImage(
image: NetworkImage(img2),
fit: BoxFit.cover
)
),
) ,
],
),
],
),
);
}
get MyItem3 {
return Container(
child: SingleChildScrollView(
child: Stack
(
children: [
buildItem3,
],
),
),
);
}
get buildItem3 {
String img3="https://www.recipetineats.com/wp-content/uploads/2017/06/Pancakes-SQ.jpg";
return Container(
margin: EdgeInsets.all(20),
width: 500,
height: 240,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20),
color: Color.fromRGBO(244, 147, 242,0.3),
),
child: Column(
children: [
Container(
margin: EdgeInsets.only(right: 240 , top: 30),
child: Text("Pancakes",
style: TextStyle(
color: Colors.purple,
fontWeight: FontWeight.bold,
fontSize: 20
)
),
),
Container(
margin: EdgeInsets.only(right: 290 , top: 10),
child: Text("150g",
style:TextStyle(
color: Colors.black.withOpacity(0.5),
) ,),
),
Row(
children: [
Container(
margin: EdgeInsets.only(left: 40),
child: Text(r"$1.75" ,
style:TextStyle(
color: Color.fromRGBO(255,131,0,1),
fontSize: 25,
fontWeight: FontWeight.bold
) ,),
),
Container(
width: 100,height: 100,
margin: EdgeInsets.only(left: 140,bottom: 60),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
image: DecorationImage(
image: NetworkImage(img3),
fit: BoxFit.cover
)
),
) ,
],
),
],
),
);
}
}

147
lib/Page1/MyLogin.dart Normal file
View File

@@ -0,0 +1,147 @@
import 'dart:io';
import 'package:flutter/material.dart';
import 'package:flutter_icons/flutter_icons.dart';
import 'MyAppBar.dart';
class Mylogin extends StatefulWidget {
@override
_MyloginState createState() => _MyloginState();
}
class _MyloginState extends State<Mylogin> {
@override
Widget build(BuildContext context) {
return Scaffold(
body:
buildBody,
);
}
get buildBody {
return Container(
margin: EdgeInsets.all(10),
child: SingleChildScrollView(
child: Stack(
children: [
Column(
children: [
buildImage,
buildTitle,
buildTextField,
buildPassword,
buildButton,
],
),
],
)
),
);
}
get buildImage {
String img = "https://www.pngkey.com/png/full/251-2511135_logo-chief-cook-clipart-png.png";
return Container(
width: 400,
height: 300,
margin: EdgeInsets.all(30),
alignment: Alignment.center,
// color: Color.fromRGBO(244, 147, 242,0.3),
child: Image.network(img),
);
}
get buildTitle{
return Container(
child: Text("Simon's BBQ Restaurant",style:
TextStyle(
color: Color.fromRGBO(58, 47, 214, 1),
fontSize: 40,
fontFamily: "Instagramf" ,
),),
);
}
get buildTextField {
return Container(
margin: EdgeInsets.all(10),
padding: EdgeInsets.all(5),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20),
color: Color.fromRGBO(244, 147, 242,0.3),
),
child: TextField(
style: TextStyle(
color: Color.fromRGBO(64, 70, 22,1),fontSize: 25
),
//keyboardType: TextInputType.emailAddress,
decoration: InputDecoration(
hintText: "Enter Name",
hintStyle: TextStyle( color: Color.fromRGBO(64, 70, 22,1).withOpacity(0.4),fontSize: 20),
// labelText: "Enter Name"
suffixIcon: Icon(FontAwesome.user),
border: InputBorder.none
),
),
);
}
get buildPassword {
return Container(
margin: EdgeInsets.all(10),
padding: EdgeInsets.all(5),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20),
color: Color.fromRGBO(244, 147, 242,0.3),
),
child: TextField(
style: TextStyle(
color: Color.fromRGBO(64, 70, 22,1),fontSize: 25
),
keyboardType: TextInputType.phone,
decoration: InputDecoration(
hintText: "Phone Number",
hintStyle: TextStyle( color: Color.fromRGBO(64, 70, 22,1).withOpacity(0.4),fontSize: 20),
// labelText: "Enter Name"
suffixIcon: Icon(Icons.call_end_outlined),
border: InputBorder.none
),
),
);
}
get buildButton{
return Container(
child: Row(
children: [
Container(
margin: EdgeInsets.only(right :50,left: 25),
child: RaisedButton(
color: Color.fromRGBO(112, 149,225,1),
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
child: Text("Login"),
onPressed: (){
Navigator.push(context,MaterialPageRoute(builder: (context){
return MyAppBar();
}));
},
),
),
Container(
margin: EdgeInsets.only(left :120),
child: RaisedButton(
color: Color.fromRGBO(78, 105, 26, 0.5),
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
child: Text("Exit"),onPressed: (){
exit(0);
},
),
),
],
)
);
}
}

762
lib/Page1/MyMenu.dart Normal file
View File

@@ -0,0 +1,762 @@
import 'package:cubetiqs_pos_system/Page1/MyBurgerPage.dart';
import 'package:cubetiqs_pos_system/Page1/MyPizza.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
class MyBody extends StatefulWidget {
@override
_MyBodyState createState() => _MyBodyState();
}
class _MyBodyState extends State<MyBody> {
@override
Widget build(BuildContext context) {
return Container(
color: Color.fromRGBO(255,255,255, 1),
child: ListView(
physics: BouncingScrollPhysics(),
children: [
MyMenu,
MyItem1,
MyItem2,
MyItem3,
MyItem4,
MyItem5,
MyItem6,
MyItem7,
MyItem8,
MyItem9,
],
),
);
}
get MyMenu {
return Container(
child: Row(
children: [
buildMenu1,
buildMenu2,
buildMenu3,
],
),
);
}
get buildMenu1 {
return Container(
margin: EdgeInsets.only(left:35 ,top: 10),
child: RaisedButton(
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
color: Color.fromRGBO(180, 64, 16, 1),
child: Text("All items",style: TextStyle(
color: Colors.white,
),
)
,
onPressed: (){
}),
);
}
get buildMenu2 {
return Container(
margin: EdgeInsets.only(left:35 ,top: 10),
child: RaisedButton(
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
color: Color.fromRGBO(224, 255, 255, 1),
child: Text("Burger",style: TextStyle(
color: Colors.black,
),
)
,
onPressed: (){
Navigator.push(context,MaterialPageRoute(builder: (context){
return MyBurger();
}));
}),
);
}
get buildMenu3 {
return Container(
margin: EdgeInsets.only(left:35 ,top: 10),
child: RaisedButton(
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
color: Color.fromRGBO(224, 255, 255, 1),
child: Text("Pizza",style: TextStyle(
color: Colors.black,
),
)
,
onPressed: (){
setState(() {
Navigator.push(context, MaterialPageRoute(builder: (context){
return MyPizza();
}));
});
}),
);
}
get MyItem1 {
return Container(
child: SingleChildScrollView(
child: Stack
(
children: [
buildItem1,
],
),
),
);
}
get buildItem1 {
String img1="https://hips.hearstapps.com/hmg-prod.s3.amazonaws.com/images/shot-2-0129-1522854796.png";
return Container(
margin: EdgeInsets.all(20),
width: 500,
height: 240,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20),
color: Color.fromRGBO(244, 147, 242,0.3),
),
child: Column(
children: [
Container(
margin: EdgeInsets.only(right: 220 , top: 30),
child: Text("Grilled Corn",
style: TextStyle(
color: Colors.purple,
fontWeight: FontWeight.bold,
fontSize: 20
)
),
),
Container(
margin: EdgeInsets.only(right: 290 , top: 10),
child: Text("150g",
style:TextStyle(
color: Colors.black.withOpacity(0.5),
) ,),
),
Row(
children: [
Container(
margin: EdgeInsets.only(left: 40),
child: Text(r"$1.75" ,
style:TextStyle(
color: Color.fromRGBO(255,131,0,1),
fontSize: 25,
fontWeight: FontWeight.bold
) ,),
),
Container(
width: 100,height: 100,
margin: EdgeInsets.only(left: 140,bottom: 60),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
image: DecorationImage(
image: NetworkImage(img1),
fit: BoxFit.cover
)
),
) ,
],
),
],
),
);
}
get MyItem2 {
return Container(
child: SingleChildScrollView(
child: Stack
(
children: [
buildItem2,
],
),
),
);
}
get buildItem2 {
String img2="https://www.modernhoney.com/wp-content/uploads/2018/08/Fettuccine-Alfredo-Recipe-1.jpg";
return Container(
margin: EdgeInsets.all(20),
width: 500,
height: 240,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20),
color: Color.fromRGBO(244, 147, 242,0.3),
),
child: Column(
children: [
Container(
margin: EdgeInsets.only(right: 175 , top: 30),
child: Text("Fettuccine pasta",
style: TextStyle(
color: Colors.purple,
fontWeight: FontWeight.bold,
fontSize: 20
)
),
),
Container(
margin: EdgeInsets.only(right: 290 , top: 10),
child: Text("150g",
style:TextStyle(
color: Colors.black.withOpacity(0.5),
) ,),
),
Row(
children: [
Container(
margin: EdgeInsets.only(left: 40),
child: Text(r"$7.75" ,
style:TextStyle(
color: Color.fromRGBO(255,131,0,1),
fontSize: 25,
fontWeight: FontWeight.bold
) ,),
),
Container(
width: 100,height: 100,
margin: EdgeInsets.only(left: 140,bottom: 60),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
image: DecorationImage(
image: NetworkImage(img2),
fit: BoxFit.cover
)
),
) ,
],
),
],
),
);
}
get MyItem3 {
return Container(
child: SingleChildScrollView(
child: Stack
(
children: [
buildItem3,
],
),
),
);
}
get buildItem3 {
String img3="https://s3.eu-central-1.amazonaws.com/qatar-delicious/ItemsImages/ItemImage_14331_(0).jpg";
return Container(
margin: EdgeInsets.all(20),
width: 500,
height: 240,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20),
color: Color.fromRGBO(244, 147, 242,0.3),
),
child: Column(
children: [
Container(
margin: EdgeInsets.only(right: 180 , top: 30),
child: Text("Original Burgers",
style: TextStyle(
color: Colors.purple,
fontWeight: FontWeight.bold,
fontSize: 20
)
),
),
Container(
margin: EdgeInsets.only(right: 290 , top: 10),
child: Text("150g",
style:TextStyle(
color: Colors.black.withOpacity(0.5),
) ,),
),
Row(
children: [
Container(
margin: EdgeInsets.only(left: 40),
child: Text(r"$7.00" ,
style:TextStyle(
color: Color.fromRGBO(255,131,0,1),
fontSize: 25,
fontWeight: FontWeight.bold
) ,),
),
Container(
width: 100,height: 100,
margin: EdgeInsets.only(left: 140,bottom: 60),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
image: DecorationImage(
image: NetworkImage(img3),
fit: BoxFit.cover
)
),
) ,
],
),
],
),
);
}
// Burger
get MyItem4 {
return Container(
child: SingleChildScrollView(
child: Stack
(
children: [
buildItem1,
],
),
),
);
}
get buildItem4 {
String img1="https://www.litehousefoods.com/sites/default/files/styles/recipe_image/public/ranchburger_176389079-min.jpg?itok=oBlUqnCZ";
return Container(
margin: EdgeInsets.all(20),
width: 500,
height: 240,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20),
color: Color.fromRGBO(244, 147, 242,0.3),
),
child: Column(
children: [
Container(
margin: EdgeInsets.only(right: 190 , top: 30),
child: Text("Ranch Burgers",
style: TextStyle(
color: Colors.purple,
fontWeight: FontWeight.bold,
fontSize: 20
)
),
),
Container(
margin: EdgeInsets.only(right: 290 , top: 10),
child: Text("150g",
style:TextStyle(
color: Colors.black.withOpacity(0.5),
) ,),
),
Row(
children: [
Container(
margin: EdgeInsets.only(left: 40),
child: Text(r"$7.75" ,
style:TextStyle(
color: Color.fromRGBO(255,131,0,1),
fontSize: 25,
fontWeight: FontWeight.bold
) ,),
),
Container(
width: 100,height: 100,
margin: EdgeInsets.only(left: 140,bottom: 60),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
image: DecorationImage(
image: NetworkImage(img1),
fit: BoxFit.cover
)
),
) ,
],
),
],
),
);
}
get MyItem5 {
return Container(
child: SingleChildScrollView(
child: Stack
(
children: [
buildItem2,
],
),
),
);
}
get buildItem5 {
String img2="https://iamhomesteader.com/wp-content/uploads/2020/08/flank-steak-new-1.jpg";
return Container(
margin: EdgeInsets.all(20),
width: 500,
height: 240,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20),
color: Color.fromRGBO(244, 147, 242,0.3),
),
child: Column(
children: [
Container(
margin: EdgeInsets.only(right: 155 , top: 30),
child: Text("Stufed Flank Steak",
style: TextStyle(
color: Colors.purple,
fontWeight: FontWeight.bold,
fontSize: 20
)
),
),
Container(
margin: EdgeInsets.only(right: 290 , top: 10),
child: Text("150g",
style:TextStyle(
color: Colors.black.withOpacity(0.5),
) ,),
),
Row(
children: [
Container(
margin: EdgeInsets.only(left: 30),
child: Text(r"$13.50" ,
style:TextStyle(
color: Color.fromRGBO(255,131,0,1),
fontSize: 25,
fontWeight: FontWeight.bold
) ,),
),
Container(
width: 100,height: 100,
margin: EdgeInsets.only(left: 140,bottom: 60),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
image: DecorationImage(
image: NetworkImage(img2),
fit: BoxFit.cover
)
),
) ,
],
),
],
),
);
}
get MyItem6 {
return Container(
child: SingleChildScrollView(
child: Stack
(
children: [
buildItem3,
],
),
),
);
}
get buildItem6 {
String img3="https://www.recipetineats.com/wp-content/uploads/2017/06/Pancakes-SQ.jpg";
return Container(
margin: EdgeInsets.all(20),
width: 500,
height: 240,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20),
color: Color.fromRGBO(244, 147, 242,0.3),
),
child: Column(
children: [
Container(
margin: EdgeInsets.only(right: 240 , top: 30),
child: Text("Pancakes",
style: TextStyle(
color: Colors.purple,
fontWeight: FontWeight.bold,
fontSize: 20
)
),
),
Container(
margin: EdgeInsets.only(right: 290 , top: 10),
child: Text("150g",
style:TextStyle(
color: Colors.black.withOpacity(0.5),
) ,),
),
Row(
children: [
Container(
margin: EdgeInsets.only(left: 40),
child: Text(r"$1.75" ,
style:TextStyle(
color: Color.fromRGBO(255,131,0,1),
fontSize: 25,
fontWeight: FontWeight.bold
) ,),
),
Container(
width: 100,height: 100,
margin: EdgeInsets.only(left: 140,bottom: 60),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
image: DecorationImage(
image: NetworkImage(img3),
fit: BoxFit.cover
)
),
) ,
],
),
],
),
);
}
//pizza
get MyItem7 {
return Container(
child: SingleChildScrollView(
child: Stack
(
children: [
buildItem1,
],
),
),
);
}
get buildItem7 {
String img1="https://dam.kraftheinzcompany.com/adaptivemedia/rendition/122046_3000x2000.jpg?id=12a910429e20fa8ff0ce0d1c2d6382bce0213672&ht=650&wd=1004&clid=KRCA";
return Container(
margin: EdgeInsets.all(20),
width: 500,
height: 240,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20),
color: Color.fromRGBO(244, 147, 242,0.3),
),
child: Column(
children: [
Container(
margin: EdgeInsets.only(right: 220 , top: 30),
child: Text("Bacon pizza",
style: TextStyle(
color: Colors.purple,
fontWeight: FontWeight.bold,
fontSize: 20
)
),
),
Container(
margin: EdgeInsets.only(right: 290 , top: 10),
child: Text("150g",
style:TextStyle(
color: Colors.black.withOpacity(0.5),
) ,),
),
Row(
children: [
Container(
margin: EdgeInsets.only(left: 40),
child: Text(r"$7.00" ,
style:TextStyle(
color: Color.fromRGBO(255,131,0,1),
fontSize: 25,
fontWeight: FontWeight.bold
) ,),
),
Container(
width: 100,height: 100,
margin: EdgeInsets.only(left: 140,bottom: 60),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
image: DecorationImage(
image: NetworkImage(img1),
fit: BoxFit.cover
)
),
) ,
],
),
],
),
);
}
get MyItem8 {
return Container(
child: SingleChildScrollView(
child: Stack
(
children: [
buildItem2,
],
),
),
);
}
get buildItem8 {
String img2="https://images-gmi-pmc.edge-generalmills.com/03846767-9eb1-4dcf-b881-e18cd427171c.jpg";
return Container(
margin: EdgeInsets.all(20),
width: 500,
height: 240,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20),
color: Color.fromRGBO(244, 147, 242,0.3),
),
child: Column(
children: [
Container(
margin: EdgeInsets.only(right: 250 , top: 30),
child: Text("Tortillas",
style: TextStyle(
color: Colors.purple,
fontWeight: FontWeight.bold,
fontSize: 20
)
),
),
Container(
margin: EdgeInsets.only(right: 290 , top: 10),
child: Text("150g",
style:TextStyle(
color: Colors.black.withOpacity(0.5),
) ,),
),
Row(
children: [
Container(
margin: EdgeInsets.only(left: 40),
child: Text(r"$7.75" ,
style:TextStyle(
color: Color.fromRGBO(255,131,0,1),
fontSize: 25,
fontWeight: FontWeight.bold
) ,),
),
Container(
width: 100,height: 100,
margin: EdgeInsets.only(left: 140,bottom: 60),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
image: DecorationImage(
image: NetworkImage(img2),
fit: BoxFit.cover
)
),
) ,
],
),
],
),
);
}
get MyItem9 {
return Container(
child: SingleChildScrollView(
child: Stack
(
children: [
buildItem3,
],
),
),
);
}
get buildItem9 {
String img3="https://www.moulinex-me.com/medias/?context=bWFzdGVyfHJvb3R8MTQzNTExfGltYWdlL2pwZWd8aDM2L2g1Mi8xMzA5NzI3MzI2MjExMC5qcGd8N2MxZDhmNmI5ZTgzZDZlZWQyZGQ4YjFlZjUyNDlkMTExYjdkZDdlZmFkY2I0N2NmNjljOGViNmExZjIyMDU4Yw";
return Container(
margin: EdgeInsets.all(20),
width: 500,
height: 240,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20),
color: Color.fromRGBO(244, 147, 242,0.3),
),
child: Column(
children: [
Container(
margin: EdgeInsets.only(right: 180 , top: 30),
child: Text("Pepperoni pizza",
style: TextStyle(
color: Colors.purple,
fontWeight: FontWeight.bold,
fontSize: 20
)
),
),
Container(
margin: EdgeInsets.only(right: 290 , top: 10),
child: Text("150g",
style:TextStyle(
color: Colors.black.withOpacity(0.5),
) ,),
),
Row(
children: [
Container(
margin: EdgeInsets.only(left: 40),
child: Text(r"$1.75" ,
style:TextStyle(
color: Color.fromRGBO(255,131,0,1),
fontSize: 25,
fontWeight: FontWeight.bold
) ,),
),
Container(
width: 100,height: 100,
margin: EdgeInsets.only(left: 140,bottom: 60),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
image: DecorationImage(
image: NetworkImage(img3),
fit: BoxFit.cover
)
),
) ,
],
),
],
),
);
}
}

481
lib/Page1/MyPizza.dart Normal file
View File

@@ -0,0 +1,481 @@
import 'package:cubetiqs_pos_system/Page1/MyBurgerPage.dart';
import 'package:flutter/material.dart';
import 'package:flutter_icons/flutter_icons.dart';
import 'MyAppBar.dart';
import 'MyBottomNavigation.dart';
class MyPizza extends StatefulWidget {
@override
_MyPizzaState createState() => _MyPizzaState();
}
class _MyPizzaState extends State<MyPizza> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: buildAppbar,
body: buildBody,
endDrawer: buildDrawer,
bottomNavigationBar: MyBottom()
);
}
get buildDrawer {
String img="https://www.pngkey.com/png/full/251-2511135_logo-chief-cook-clipart-png.png";
return Drawer(
child: Container(
decoration: BoxDecoration(
gradient: LinearGradient(
begin: Alignment.topLeft,
end: Alignment.bottomRight,
colors: [
Color.fromRGBO(159, 163, 227,1),
Color.fromRGBO(244, 147, 242,0.3),
]
),
),
child: ListView(
children: [
DrawerHeader(child: Image.network(img)),
Container
(
margin: EdgeInsets.only(left:20),
child: Row(
children: [
Text("Current Order",style: TextStyle(
fontSize: 20
)
),
Container(
margin: EdgeInsets.all(5),
child: Container(
child: SizedBox(
width: 85,
height: 30,
child: RaisedButton(
shape:RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
color: Color.fromRGBO(209, 198, 191, 1),
child: Text("Clear all",style:
TextStyle(
color: Colors.black.withOpacity(0.5)
),),
onPressed:(){
}),
),
),
),
Container(
// margin: EdgeInsets.only(right: 1),
child: SizedBox(
width: 60,
height: 30,
child: RaisedButton(
shape:RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
color: Color.fromRGBO(209, 198, 191, 1),
child: Icon(FontAwesome.send_o),
onPressed:(){
}
),
),
)
],
),
),
ListTile(
leading: Icon(Icons.shopping_cart),
title: Text("Ranch Burgers"),
onTap: () {
Navigator.of(context).pop();
},
trailing: Text(r"$7.75"),
),
ListTile(
leading: Icon(Icons.shopping_cart),
title: Text("Pancakes"),
onTap: () {
Navigator.of(context).pop();
},
trailing: Text(r"$1.75"),
),
ListTile(
leading: Icon(Icons.shopping_cart),
title: Text("Grilled Corn"),
onTap: () {
Navigator.of(context).pop();
},
trailing: Text(r"$1.75"),
),
ListTile(
leading: Icon(Icons.shopping_cart),
title: Text("Bacon pizza "),
onTap: () {
Navigator.of(context).pop();
},
trailing: Text(r"$7.00"),
),
ListTile(
leading: Icon(Icons.shopping_cart),
title: Text("Tortillas"),
onTap: () {
Navigator.of(context).pop();
},
trailing: Text(r"$7.75"),
),
ListTile(
leading: Icon(Icons.shopping_cart),
title: Text("Coca Cola"),
onTap: () {
Navigator.of(context).pop();
},
trailing: Text(r"$5.00"),
),
Container(
margin: EdgeInsets.all(20),
child: SizedBox(
width: 100,
height: 30,
child: RaisedButton(
shape:RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
color: Color.fromRGBO(255, 249, 53, 1),
child: Text("Pay with Credit Card",style:
TextStyle(
color: Colors.black.withOpacity(0.5)
),),
onPressed:(){
}),
),
),
],
),
),
);
}
get buildAppbar {
return AppBar(
title: Text("Pizza Site",style:
TextStyle(
color: Color.fromRGBO(64, 70, 22,1)
),),
centerTitle: true,
backgroundColor: Color.fromRGBO(159, 163, 227,1),
iconTheme: IconThemeData(color: Colors.black),
);
}
get buildBody {
return Container(
color: Color.fromRGBO(255,255,255, 1),
child: ListView(
physics: BouncingScrollPhysics(),
children: [
MyMenu,
MyItem1,
MyItem2,
MyItem3,
],
),
);
}
get MyMenu {
return Container(
child: Row(
children: [
buildMenu1,
buildMenu2,
buildMenu3,
],
),
);
}
get buildMenu1 {
PageController pagecontroller;
return Container(
margin: EdgeInsets.only(left:35 ,top: 10),
child: RaisedButton(
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
color: Color.fromRGBO(180, 64, 16, 1),
child: Text("All items",style: TextStyle(
color: Colors.white,
),
)
,
onPressed: (){
Navigator.push(context,MaterialPageRoute(builder: (context){
return MyAppBar();
}));
}),
);
}
get buildMenu2 {
return Container(
margin: EdgeInsets.only(left:35 ,top: 10),
child: RaisedButton(
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
color: Color.fromRGBO(224, 255, 255, 1),
child: Text("Burger",style: TextStyle(
color: Colors.black,
),
)
,
onPressed: (){
Navigator.push(context, MaterialPageRoute(builder: (context){
return MyBurger();
}));
}),
);
}
get buildMenu3 {
return Container(
margin: EdgeInsets.only(left:35 ,top: 10),
child: RaisedButton(
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
color: Color.fromRGBO(224, 255, 255, 1),
child: Text("Pizza",style: TextStyle(
color: Colors.black,
),
)
,
onPressed: (){
setState(() {
});
}),
);
}
get MyItem1 {
return Container(
child: SingleChildScrollView(
child: Stack
(
children: [
buildItem1,
],
),
),
);
}
get buildItem1 {
String img1="https://dam.kraftheinzcompany.com/adaptivemedia/rendition/122046_3000x2000.jpg?id=12a910429e20fa8ff0ce0d1c2d6382bce0213672&ht=650&wd=1004&clid=KRCA";
return Container(
margin: EdgeInsets.all(20),
width: 500,
height: 240,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20),
color: Color.fromRGBO(244, 147, 242,0.3),
),
child: Column(
children: [
Container(
margin: EdgeInsets.only(right: 220 , top: 30),
child: Text("Bacon pizza",
style: TextStyle(
color: Colors.purple,
fontWeight: FontWeight.bold,
fontSize: 20
)
),
),
Container(
margin: EdgeInsets.only(right: 290 , top: 10),
child: Text("150g",
style:TextStyle(
color: Colors.black.withOpacity(0.5),
) ,),
),
Row(
children: [
Container(
margin: EdgeInsets.only(left: 40),
child: Text(r"$7.00" ,
style:TextStyle(
color: Color.fromRGBO(255,131,0,1),
fontSize: 25,
fontWeight: FontWeight.bold
) ,),
),
Container(
width: 100,height: 100,
margin: EdgeInsets.only(left: 140,bottom: 60),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
image: DecorationImage(
image: NetworkImage(img1),
fit: BoxFit.cover
)
),
) ,
],
),
],
),
);
}
get MyItem2 {
return Container(
child: SingleChildScrollView(
child: Stack
(
children: [
buildItem2,
],
),
),
);
}
get buildItem2 {
String img2="https://images-gmi-pmc.edge-generalmills.com/03846767-9eb1-4dcf-b881-e18cd427171c.jpg";
return Container(
margin: EdgeInsets.all(20),
width: 500,
height: 240,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20),
color: Color.fromRGBO(244, 147, 242,0.3),
),
child: Column(
children: [
Container(
margin: EdgeInsets.only(right: 250 , top: 30),
child: Text("Tortillas",
style: TextStyle(
color: Colors.purple,
fontWeight: FontWeight.bold,
fontSize: 20
)
),
),
Container(
margin: EdgeInsets.only(right: 290 , top: 10),
child: Text("150g",
style:TextStyle(
color: Colors.black.withOpacity(0.5),
) ,),
),
Row(
children: [
Container(
margin: EdgeInsets.only(left: 40),
child: Text(r"$7.75" ,
style:TextStyle(
color: Color.fromRGBO(255,131,0,1),
fontSize: 25,
fontWeight: FontWeight.bold
) ,),
),
Container(
width: 100,height: 100,
margin: EdgeInsets.only(left: 140,bottom: 60),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
image: DecorationImage(
image: NetworkImage(img2),
fit: BoxFit.cover
)
),
) ,
],
),
],
),
);
}
get MyItem3 {
return Container(
child: SingleChildScrollView(
child: Stack
(
children: [
buildItem3,
],
),
),
);
}
get buildItem3 {
String img3="https://www.moulinex-me.com/medias/?context=bWFzdGVyfHJvb3R8MTQzNTExfGltYWdlL2pwZWd8aDM2L2g1Mi8xMzA5NzI3MzI2MjExMC5qcGd8N2MxZDhmNmI5ZTgzZDZlZWQyZGQ4YjFlZjUyNDlkMTExYjdkZDdlZmFkY2I0N2NmNjljOGViNmExZjIyMDU4Yw";
return Container(
margin: EdgeInsets.all(20),
width: 500,
height: 240,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20),
color: Color.fromRGBO(244, 147, 242,0.3),
),
child: Column(
children: [
Container(
margin: EdgeInsets.only(right: 180 , top: 30),
child: Text("Pepperoni pizza",
style: TextStyle(
color: Colors.purple,
fontWeight: FontWeight.bold,
fontSize: 20
)
),
),
Container(
margin: EdgeInsets.only(right: 290 , top: 10),
child: Text("150g",
style:TextStyle(
color: Colors.black.withOpacity(0.5),
) ,),
),
Row(
children: [
Container(
margin: EdgeInsets.only(left: 40),
child: Text(r"$1.75" ,
style:TextStyle(
color: Color.fromRGBO(255,131,0,1),
fontSize: 25,
fontWeight: FontWeight.bold
) ,),
),
Container(
width: 100,height: 100,
margin: EdgeInsets.only(left: 140,bottom: 60),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
image: DecorationImage(
image: NetworkImage(img3),
fit: BoxFit.cover
)
),
) ,
],
),
],
),
);
}
}

23
lib/main.dart Normal file
View File

@@ -0,0 +1,23 @@
import 'package:cubetiqs_pos_system/Page1/MyLogin.dart';
import 'package:flutter/material.dart';
import 'Page1/MyAppBar.dart';
import 'Page1/MyBurgerPage.dart';
void main()
{
runApp(MyApp());
}
class MyApp extends StatefulWidget {
@override
_MyAppState createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> {
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
home: Mylogin(),
);
}
}