Skip to content

Commit a90b507

Browse files
kalismeras61kalismeras61
committed
sign page 10 complated
1 parent a15d14e commit a90b507

File tree

1 file changed

+90
-64
lines changed

1 file changed

+90
-64
lines changed

‎lib/page/signup/SingPageTen.dart‎

Lines changed: 90 additions & 64 deletions
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,7 @@ class _SignPageTeenState extends State<SignPageTeen>
4343
),
4444
body: Stack(
4545
alignment: Alignment.centerLeft,
46-
fit: StackFit.expand,
46+
fit: StackFit.loose,
4747
children: <Widget>[
4848
Container(
4949
height: double.infinity,
@@ -107,66 +107,31 @@ class _SignPageTeenState extends State<SignPageTeen>
107107
bottomRight: Radius.circular(10),
108108
),
109109
),
110-
child: ListView(
111-
scrollDirection: Axis.vertical,
112-
shrinkWrap: true,
113-
children: <Widget>[
114-
Padding(
115-
padding: const EdgeInsets.only(left: 35.0, top: 35),
116-
child: Column(
117-
crossAxisAlignment: CrossAxisAlignment.start,
118-
mainAxisAlignment: MainAxisAlignment.start,
119-
children: <Widget>[
120-
textField("Name", false),
121-
textField("Email", false),
122-
textField("Password", true),
123-
],
124-
),
125-
),
126-
],
110+
child: Padding(
111+
padding: const EdgeInsets.only(
112+
left: 35.0, top: 30, bottom: 35),
113+
child: Column(
114+
crossAxisAlignment: CrossAxisAlignment.start,
115+
mainAxisAlignment: MainAxisAlignment.start,
116+
children: <Widget>[
117+
Expanded(
118+
child:
119+
Container(child: textField("Name", false))),
120+
Expanded(
121+
child: Container(
122+
child: textField("Email", false))),
123+
Expanded(
124+
child: Container(
125+
child: textField("Password", true))),
126+
],
127+
),
127128
),
128129
),
129130
),
130131
SizedBox(
131132
height: 40,
132133
),
133-
Padding(
134-
padding: const EdgeInsets.only(bottom: 30.0),
135-
child: InkWell(
136-
onTap: () {},
137-
child: Container(
138-
padding: EdgeInsets.symmetric(
139-
horizontal: 36.0, vertical: 16.0),
140-
decoration: BoxDecoration(
141-
boxShadow: [
142-
BoxShadow(
143-
color: Colors.black12,
144-
blurRadius: 15,
145-
spreadRadius: 0,
146-
offset: Offset(0.0, 32.0)),
147-
],
148-
borderRadius: new BorderRadius.circular(36.0),
149-
gradient: LinearGradient(
150-
begin: FractionalOffset.centerLeft,
151-
// Add one stop for each color. Stops should increase from 0 to 1
152-
stops: [
153-
0.2,
154-
1
155-
],
156-
colors: [
157-
Color(0xff000000),
158-
Color(0xff434343),
159-
])),
160-
child: Text(
161-
'NEXT',
162-
style: TextStyle(
163-
color: Color(0xffF1EA94),
164-
fontWeight: FontWeight.bold,
165-
fontFamily: 'Montserrat'),
166-
),
167-
),
168-
),
169-
),
134+
buildNextButton(),
170135
InkWell(
171136
onTap: () => print("Term tapped"),
172137
child: Text(
@@ -185,9 +150,47 @@ class _SignPageTeenState extends State<SignPageTeen>
185150
);
186151
}
187152

153+
Padding buildNextButton() {
154+
return Padding(
155+
padding: const EdgeInsets.only(bottom: 30.0),
156+
child: InkWell(
157+
onTap: () {},
158+
child: Container(
159+
padding: EdgeInsets.symmetric(horizontal: 36.0, vertical: 16.0),
160+
decoration: BoxDecoration(
161+
boxShadow: [
162+
BoxShadow(
163+
color: Colors.black12,
164+
blurRadius: 15,
165+
spreadRadius: 0,
166+
offset: Offset(0.0, 32.0)),
167+
],
168+
borderRadius: new BorderRadius.circular(36.0),
169+
gradient: LinearGradient(begin: FractionalOffset.centerLeft,
170+
// Add one stop for each color. Stops should increase from 0 to 1
171+
stops: [
172+
0.2,
173+
1
174+
], colors: [
175+
Color(0xff000000),
176+
Color(0xff434343),
177+
])),
178+
child: Text(
179+
'NEXT',
180+
style: TextStyle(
181+
color: Color(0xffF1EA94),
182+
fontWeight: FontWeight.bold,
183+
fontFamily: 'Montserrat'),
184+
),
185+
),
186+
),
187+
);
188+
}
189+
188190
TextField textField(String labelText, bool obscureText) {
189191
return TextField(
190192
style: hintAndValueStyle,
193+
keyboardAppearance: Brightness.light,
191194
obscureText: obscureText,
192195
decoration: new InputDecoration(
193196
labelText: labelText,
@@ -201,22 +204,45 @@ class _SignPageTeenState extends State<SignPageTeen>
201204
}
202205

203206
Positioned buildPositionedDosts(List<Widget> widgets) {
204-
var _media = MediaQuery.of(context).size;
205-
print(_media.width);
207+
var _mediaWidth = MediaQuery.of(context).size.width;
208+
print(_mediaWidth);
206209
return Positioned(
207210
left: 50,
208211
top: 50,
209212
right: 0,
210213
child: Stack(
211214
alignment: Alignment.center,
212215
children: <Widget>[
213-
Padding(
214-
padding: const EdgeInsets.only(right: 60.0, left: 10),
215-
child: Container(
216-
height: 3,
217-
width: _media.width / 2 - 10,
218-
color: Color(0xFFffb5b5),
219-
),
216+
Row(
217+
children: <Widget>[
218+
Flexible(
219+
flex: 5,
220+
child: Row(
221+
children: <Widget>[
222+
Flexible(
223+
child: Container(),
224+
flex: 1,
225+
),
226+
Flexible(
227+
child: Padding(
228+
padding: _mediaWidth > 400
229+
? EdgeInsets.only(right: 18.0, left: 18)
230+
: EdgeInsets.only(right: 8),
231+
child: Container(
232+
height: 3,
233+
color: Color(0xFFffb5b5),
234+
),
235+
),
236+
flex: 4,
237+
),
238+
Flexible(
239+
child: Container(),
240+
flex: 2,
241+
)
242+
],
243+
),
244+
)
245+
],
220246
),
221247
SelectedWidget(
222248
numberOfDots: widgets.length,

0 commit comments

Comments
 (0)