고원빈

[fronrtend] 작업 중

......@@ -17,7 +17,7 @@ class _DashBoardState extends State<DashBoard> {
title: Text('Welcome to Flutter'),
),
body: Center(
child: Text('Hello World'),
child: Text('DashBoard 작업 영역'),
),
),
);
......
......@@ -3,6 +3,7 @@ import 'package:flutter/services.dart';
import '../shared/colors.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import './SignInPage.dart';
import './SignUpPage.dart';
class HomePage extends StatefulWidget {
final String pageTitle;
......@@ -124,7 +125,7 @@ class _HomePageState extends State<HomePage> {
context,
MaterialPageRoute(
builder: (BuildContext context) =>
SignInPage(),
SignUpPage(),
));
},
child: Text(
......
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import '../shared/styles.dart';
import '../shared/colors.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:page_transition/page_transition.dart';
import '../shared/inputFields.dart';
import './SignInPage.dart';
import './DashBoard.dart';
class SignUpPage extends StatefulWidget {
final String pageTitle;
SignUpPage({Key key, this.pageTitle}) : super(key: key);
@override
_SignUpPageState createState() => _SignUpPageState();
}
class _SignUpPageState extends State<SignUpPage> {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Welcome to Flutter',
home: Scaffold(
return Scaffold(
appBar: AppBar(
title: Text('Welcome to Flutter'),
elevation: 0,
backgroundColor: white,
title: Text('Sign Up',
style: TextStyle(
color: Colors.grey, fontFamily: 'Poppins', fontSize: 15)),
actions: <Widget>[
FlatButton(
onPressed: () {
// Navigator.of(context).pushNamed('/signin');
Navigator.push(
context,
PageTransition(
type: PageTransitionType.rightToLeft,
child: SignInPage()));
},
child: Text('Sign In', style: contrastText),
)
],
),
body: ListView(
shrinkWrap: true,
children: <Widget>[
Container(
padding: EdgeInsets.only(left: 18, right: 18),
child: Stack(
children: <Widget>[
Column(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Text('Welcome to Fryo!', style: h3),
Text('Let\'s get started', style: taglineText),
fryoTextInput('Username'),
fryoTextInput('Full Name'),
fryoEmailInput('Email Address'),
fryoPasswordInput('Password')
],
),
Positioned(
bottom: 15,
right: -15,
child: FlatButton(
onPressed: () {
Navigator.push(
context,
PageTransition(
type: PageTransitionType.rightToLeft,
child: DashBoard()));
},
color: primaryColor,
padding: EdgeInsets.all(13),
shape: CircleBorder(),
child: Icon(Icons.arrow_forward, color: white),
),
body: Center(
child: Text('Hello World'),
)
],
),
height: 360,
width: double.infinity,
decoration: authPlateDecoration,
),
);
],
));
}
}
......
import 'package:flutter/material.dart';
import './colors.dart';
import './styles.dart';
Container fryoTextInput(String hintText,
{onTap, onChanged, onEditingComplete, onSubmitted}) {
return Container(
margin: EdgeInsets.only(top: 13),
child: TextField(
onTap: onTap,
onChanged: onChanged,
onEditingComplete: onEditingComplete,
onSubmitted: onSubmitted,
cursorColor: primaryColor,
style: inputFieldTextStyle,
decoration: InputDecoration(
hintText: hintText,
hintStyle: inputFieldHintTextStyle,
focusedBorder: inputFieldFocusedBorderStyle,
contentPadding: EdgeInsets.symmetric(horizontal: 20, vertical: 10),
border: inputFieldDefaultBorderStyle),
),
);
}
Container fryoEmailInput(String hintText,
{onTap, onChanged, onEditingComplete, onSubmitted}) {
return Container(
margin: EdgeInsets.only(top: 13),
child: TextField(
onTap: onTap,
onChanged: onChanged,
onEditingComplete: onEditingComplete,
onSubmitted: onSubmitted,
keyboardType: TextInputType.emailAddress,
cursorColor: primaryColor,
style: inputFieldTextStyle,
decoration: InputDecoration(
hintText: hintText,
hintStyle: inputFieldHintTextStyle,
focusedBorder: inputFieldFocusedBorderStyle,
contentPadding: EdgeInsets.symmetric(horizontal: 20, vertical: 10),
border: inputFieldDefaultBorderStyle),
),
);
}
Container fryoPasswordInput(String hintText,
{onTap, onChanged, onEditingComplete, onSubmitted}) {
return Container(
margin: EdgeInsets.only(top: 13),
child: TextField(
onTap: onTap,
onChanged: onChanged,
onEditingComplete: onEditingComplete,
onSubmitted: onSubmitted,
obscureText: true,
cursorColor: primaryColor,
style: inputFieldHintPaswordTextStyle,
decoration: InputDecoration(
hintText: hintText,
hintStyle: inputFieldHintPaswordTextStyle,
focusedBorder: inputFieldFocusedBorderStyle,
contentPadding: EdgeInsets.symmetric(horizontal: 20, vertical: 10),
border: inputFieldDefaultBorderStyle),
),
);
}
import 'package:flutter/material.dart';
import './colors.dart';
/////////////////////////////////
/// TEXT STYLES
////////////////////////////////
const logoStyle = TextStyle(
fontFamily: 'Pacifico',
fontSize: 30,
color: Colors.black54,
letterSpacing: 2);
const logoWhiteStyle = TextStyle(
fontFamily: 'Pacifico',
fontSize: 21,
letterSpacing: 2,
color: Colors.white);
const whiteText = TextStyle(color: Colors.white, fontFamily: 'Poppins');
const disabledText = TextStyle(color: Colors.grey, fontFamily: 'Poppins');
const contrastText = TextStyle(color: primaryColor, fontFamily: 'Poppins');
const contrastTextBold = TextStyle(
color: primaryColor, fontFamily: 'Poppins', fontWeight: FontWeight.w600);
const h3 = TextStyle(
color: Colors.black,
fontSize: 24,
fontWeight: FontWeight.w800,
fontFamily: 'Poppins');
const h4 = TextStyle(
color: Colors.black,
fontSize: 18,
fontWeight: FontWeight.w700,
fontFamily: 'Poppins');
const h5 = TextStyle(
color: Colors.black,
fontSize: 18,
fontWeight: FontWeight.w500,
fontFamily: 'Poppins');
const h6 = TextStyle(
color: Colors.black,
fontSize: 16,
fontWeight: FontWeight.w500,
fontFamily: 'Poppins');
const priceText = TextStyle(
color: Colors.black,
fontSize: 19,
fontWeight: FontWeight.w800,
fontFamily: 'Poppins');
const foodNameText = TextStyle(
color: Colors.black,
fontSize: 17,
fontWeight: FontWeight.w600,
fontFamily: 'Poppins');
const tabLinkStyle =
TextStyle(fontWeight: FontWeight.w500);
const taglineText = TextStyle(color: Colors.grey, fontFamily: 'Poppins');
const categoryText = TextStyle(
color: Color(0xff444444),
fontWeight: FontWeight.w700,
fontFamily: 'Poppins');
const inputFieldTextStyle =
TextStyle(fontFamily: 'Poppins', fontWeight: FontWeight.w500);
const inputFieldHintTextStyle =
TextStyle(fontFamily: 'Poppins', color: Color(0xff444444));
const inputFieldPasswordTextStyle = TextStyle(
fontFamily: 'Poppins', fontWeight: FontWeight.w500, letterSpacing: 3);
const inputFieldHintPaswordTextStyle = TextStyle(
fontFamily: 'Poppins', color: Color(0xff444444), letterSpacing: 2);
///////////////////////////////////
/// BOX DECORATION STYLES
//////////////////////////////////
const authPlateDecoration = BoxDecoration(
color: white,
boxShadow: [
BoxShadow(
color: Color.fromRGBO(0, 0, 0, .1),
blurRadius: 10,
spreadRadius: 5,
offset: Offset(0, 1))
],
borderRadius: BorderRadiusDirectional.only(
bottomEnd: Radius.circular(20), bottomStart: Radius.circular(20)));
/////////////////////////////////////
/// INPUT FIELD DECORATION STYLES
////////////////////////////////////
const inputFieldFocusedBorderStyle = OutlineInputBorder(
borderRadius: BorderRadius.all(Radius.circular(6)),
borderSide: BorderSide(
color: primaryColor,
));
const inputFieldDefaultBorderStyle = OutlineInputBorder(
gapPadding: 0, borderRadius: BorderRadius.all(Radius.circular(6)));
......@@ -81,6 +81,13 @@ packages:
url: "https://pub.dartlang.org"
source: hosted
version: "1.3.0-nullsafety.3"
page_transition:
dependency: "direct main"
description:
name: page_transition
url: "https://pub.dartlang.org"
source: hosted
version: "1.1.7+6"
path:
dependency: transitive
description:
......
......@@ -25,6 +25,7 @@ dependencies:
sdk: flutter
flutter_screenutil: ^0.7.0
page_transition: '^1.1.5'
dev_dependencies:
......