Skip to content

Commit ef2480f

Browse files
nathansdevnathansdev
committed
screen shots and readme file updated
1 parent b838433 commit ef2480f

15 files changed

+445
-419
lines changed

‎README.md

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,12 +19,17 @@ Contra flutter kit will be having screens developed in all the categories.(Curre
1919

2020
## Screenshots
2121

22-
- Onboarding
22+
- Onboarding and Splash screens
2323

2424
<img src = "screenshots/onboard_type_1.jpg" width=220><img src = "screenshots/onboard_type_2.jpg" width=220><img src = "screenshots/onboard_type_3.jpg" width=220>
2525
<img src = "screenshots/onboard_type_4.jpg" width=220>
2626

2727

28+
- Login, Verification, Contact Us Forms
29+
30+
<img src = "screenshots/login_type_1.jpg" width=220><img src = "screenshots/login_type_2.jpg" width=220><img src = "screenshots/login_type_3.jpg" width=220><img src = "screenshots/login_type_4.jpg" width=220>
31+
<img src = "screenshots/signup_type_1.jpg" width=220><img src = "screenshots/verification_type_1.jpg" width=220><img src = "screenshots/contact_us_type_1.jpg" width=220>
32+
2833
## Mentions
2934
- Special thanks to [vijay verma](https://twitter.com/realvjy) for the awesome design kit.
3035
- Link to the wireframe official page [Contra wireframe kit](https://contrauikit.com/)

‎lib/login/contact_us_form.dart

Lines changed: 78 additions & 79 deletions
Original file line numberDiff line numberDiff line change
@@ -11,88 +11,87 @@ import 'login_text.dart';
1111
class ContactUsForm extends StatelessWidget {
1212
@override
1313
Widget build(BuildContext context) {
14-
return Material(
15-
child: Container(
16-
color: white,
17-
padding: EdgeInsets.symmetric(horizontal: 24),
18-
child: Column(
19-
children: <Widget>[
20-
SizedBox(
21-
height: 56,
22-
),
23-
Expanded(
24-
flex: 1,
25-
child: Row(
26-
children: <Widget>[
27-
ButtonRoundWithShadow(
28-
iconPath: "assets/icons/close.svg",
29-
borderColor: black,
30-
shadowColor: black,
31-
color: white,
32-
callback: () {
33-
Navigator.of(context).pop();
34-
},
35-
)
36-
],
37-
),
38-
),
39-
SizedBox(
40-
height: 24,
41-
),
42-
Expanded(
43-
flex: 4,
44-
child: Column(
45-
children: <Widget>[
46-
LoginText(
47-
text: "Contact us",
48-
alignment: Alignment.centerLeft,
49-
),
50-
SizedBox(
51-
height: 12,
52-
),
53-
Text(
54-
"Wireframe is still important for ideation.",
55-
textAlign: TextAlign.start,
56-
style: TextStyle(
57-
fontSize: 21,
58-
color: trout,
59-
fontWeight: FontWeight.w500),
60-
),
61-
SizedBox(
62-
height: 40,
14+
return Scaffold(
15+
body: Stack(
16+
children: [
17+
Container(
18+
padding: EdgeInsets.all(24),
19+
child: Column(
20+
children: <Widget>[
21+
Expanded(
22+
flex: 1,
23+
child: Row(
24+
children: <Widget>[],
6325
),
64-
LoginEmailText(
65-
text: "Full Name",
66-
iconPath: "assets/icons/user.svg",
26+
),
27+
SizedBox(
28+
height: 24,
29+
),
30+
Expanded(
31+
flex: 5,
32+
child: Column(
33+
children: <Widget>[
34+
LoginText(
35+
text: "Contact us",
36+
alignment: Alignment.centerLeft,
37+
),
38+
SizedBox(
39+
height: 12,
40+
),
41+
Text(
42+
"Wireframe is still important for ideation.",
43+
textAlign: TextAlign.start,
44+
style: TextStyle(
45+
fontSize: 21,
46+
color: trout,
47+
fontWeight: FontWeight.w500),
48+
),
49+
SizedBox(
50+
height: 40,
51+
),
52+
LoginEmailText(
53+
text: "Full Name",
54+
iconPath: "assets/icons/user.svg",
55+
),
56+
SizedBox(
57+
height: 24,
58+
),
59+
InputTextBoxBigger(
60+
text: "Write your message",
61+
iconPath: "assets/icons/mail.svg",
62+
),
63+
SizedBox(
64+
height: 24,
65+
),
66+
ButtonPlainWithIcon(
67+
color: wood_smoke,
68+
textColor: white,
69+
iconPath: "assets/icons/arrow_next.svg",
70+
isPrefix: false,
71+
isSuffix: true,
72+
text: "Send Message",
73+
callback: () {},
74+
),
75+
],
6776
),
68-
SizedBox(
69-
height: 24,
70-
),
71-
InputTextBoxBigger(
72-
text: "Write your message",
73-
iconPath: "assets/icons/mail.svg",
74-
),
75-
SizedBox(
76-
height: 24,
77-
),
78-
ButtonPlainWithIcon(
79-
color: wood_smoke,
80-
textColor: white,
81-
iconPath: "assets/icons/arrow_next.svg",
82-
isPrefix: false,
83-
isSuffix: true,
84-
text: "Send Message",
85-
callback: () {},
86-
),
87-
],
88-
),
77+
),
78+
],
79+
),
80+
),
81+
Positioned(
82+
left: 24,
83+
top: 80,
84+
child: ButtonRoundWithShadow(
85+
iconPath: "assets/icons/close.svg",
86+
borderColor: black,
87+
shadowColor: black,
88+
color: white,
89+
callback: () {
90+
Navigator.of(context).pop();
91+
},
8992
),
90-
Expanded(
91-
flex: 1,
92-
child: Container(),
93-
)
94-
],
95-
),
93+
)
94+
],
9695
),
9796
);
9897
}

‎lib/login/login_form_one.dart

Lines changed: 94 additions & 87 deletions
Original file line numberDiff line numberDiff line change
@@ -14,97 +14,104 @@ class LoginFormTypeOne extends StatelessWidget {
1414
@override
1515
Widget build(BuildContext context) {
1616
return Material(
17-
child: Container(
18-
color: white,
19-
padding: EdgeInsets.symmetric(horizontal: 24),
20-
child: Column(
21-
children: <Widget>[
22-
SizedBox(
23-
height: 56,
24-
),
25-
Expanded(
26-
flex: 1,
27-
child: Row(
28-
children: <Widget>[
29-
ButtonRoundWithShadow(
30-
iconPath: "assets/icons/close.svg",
31-
borderColor: black,
32-
shadowColor: black,
33-
color: white,
34-
callback: () {
35-
Navigator.of(context).pop();
36-
},
37-
)
38-
],
39-
),
40-
),
41-
Expanded(
42-
flex: 1,
43-
child: Row(
44-
mainAxisAlignment: MainAxisAlignment.center,
45-
children: <Widget>[
46-
SvgPicture.asset(
47-
"assets/icons/logo_mark.svg",
48-
height: 120,
49-
width: 120,
50-
)
51-
],
52-
),
53-
),
54-
SizedBox(
55-
height: 24,
56-
),
57-
Expanded(
58-
flex: 3,
59-
child: Column(
60-
children: <Widget>[
61-
LoginText(
62-
text: "Login",
63-
alignment: Alignment.centerLeft,
64-
),
65-
SizedBox(
66-
height: 24,
17+
child: Stack(
18+
children: [
19+
Container(
20+
color: white,
21+
padding: EdgeInsets.symmetric(horizontal: 24),
22+
child: Column(
23+
children: <Widget>[
24+
SizedBox(
25+
height: 56,
26+
),
27+
Expanded(
28+
flex: 1,
29+
child: Row(
30+
children: <Widget>[],
6731
),
68-
LoginEmailText(
69-
text: "Email address",
70-
iconPath: "assets/icons/user.svg",
32+
),
33+
Expanded(
34+
flex: 1,
35+
child: Row(
36+
mainAxisAlignment: MainAxisAlignment.center,
37+
children: <Widget>[
38+
SvgPicture.asset(
39+
"assets/icons/logo_mark.svg",
40+
height: 120,
41+
width: 120,
42+
)
43+
],
7144
),
72-
SizedBox(
73-
height: 24,
45+
),
46+
SizedBox(
47+
height: 24,
48+
),
49+
Expanded(
50+
flex: 3,
51+
child: Column(
52+
children: <Widget>[
53+
LoginText(
54+
text: "Login",
55+
alignment: Alignment.centerLeft,
56+
),
57+
SizedBox(
58+
height: 24,
59+
),
60+
LoginEmailText(
61+
text: "Email address",
62+
iconPath: "assets/icons/user.svg",
63+
),
64+
SizedBox(
65+
height: 24,
66+
),
67+
LoginPasswordText(
68+
text: "..........",
69+
iconPath: "assets/icons/lock.svg",
70+
),
71+
SizedBox(
72+
height: 48,
73+
),
74+
ButtonPlainWithIcon(
75+
color: wood_smoke,
76+
textColor: white,
77+
iconPath: "assets/icons/arrow_next.svg",
78+
isPrefix: false,
79+
isSuffix: true,
80+
text: "Sign in",
81+
callback: () {},
82+
),
83+
SizedBox(
84+
height: 36,
85+
),
86+
CustomRichText(
87+
alignment: Alignment.center,
88+
text_one: "You are new? ",
89+
text_second: "Create new",
90+
)
91+
],
7492
),
75-
LoginPasswordText(
76-
text: "..........",
77-
iconPath: "assets/icons/lock.svg",
78-
),
79-
SizedBox(
80-
height: 48,
81-
),
82-
ButtonPlainWithIcon(
83-
color: wood_smoke,
84-
textColor: white,
85-
iconPath: "assets/icons/arrow_next.svg",
86-
isPrefix: false,
87-
isSuffix: true,
88-
text: "Sign in",
89-
callback: () {},
90-
),
91-
SizedBox(
92-
height: 36,
93-
),
94-
CustomRichText(
95-
alignment: Alignment.center,
96-
text_one: "You are new? ",
97-
text_second: "Create new",
98-
)
99-
],
100-
),
93+
),
94+
Expanded(
95+
flex: 1,
96+
child: Container(),
97+
)
98+
],
99+
),
100+
),
101+
Positioned(
102+
left: 24,
103+
top: 80,
104+
child: ButtonRoundWithShadow(
105+
iconPath: "assets/icons/close.svg",
106+
borderColor: black,
107+
shadowColor: black,
108+
color: white,
109+
callback: () {
110+
Navigator.of(context).pop();
111+
},
101112
),
102-
Expanded(
103-
flex: 1,
104-
child: Container(),
105-
)
106-
],
107-
),
113+
)
114+
],
108115
),
109116
);
110117
}

0 commit comments

Comments
 (0)