Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Commit a0a8aae

Browse files
Add job onboarding page example
1 parent c154472 commit a0a8aae

File tree

1 file changed

+96
-0
lines changed

1 file changed

+96
-0
lines changed

‎lib/pages/dream_job.dart

Lines changed: 96 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,96 @@
1+
import 'package:animate_do/animate_do.dart';
2+
import 'package:flutter/material.dart';
3+
import 'package:google_fonts/google_fonts.dart';
4+
5+
class DreamJob extends StatefulWidget {
6+
const DreamJob({ Key? key }) : super(key: key);
7+
8+
@override
9+
_DreamJobState createState() => _DreamJobState();
10+
}
11+
12+
class _DreamJobState extends State<DreamJob> {
13+
@override
14+
Widget build(BuildContext context) {
15+
return Scaffold(
16+
backgroundColor: Color(0xffF1EBDA),
17+
body: Container(
18+
width: double.infinity,
19+
child: Column(
20+
crossAxisAlignment: CrossAxisAlignment.start,
21+
mainAxisAlignment: MainAxisAlignment.spaceAround,
22+
children: [
23+
SizedBox(height: 50,),
24+
FadeInUp(
25+
duration: Duration(milliseconds: 1500),
26+
child: Image.network('https://cdn.dribbble.com/users/730703/screenshots/4145366/media/eef764c28f9547b693ab61fb655ec371.gif', fit: BoxFit.cover,)),
27+
Padding(
28+
padding: EdgeInsets.symmetric(horizontal: 30.0),
29+
child: Column(
30+
crossAxisAlignment: CrossAxisAlignment.start,
31+
children: [
32+
FadeInUp(
33+
delay: Duration(milliseconds: 1000),
34+
duration: Duration(milliseconds: 1000),
35+
child: Text("Your dream job is waiting for you!", style: GoogleFonts.robotoSlab(
36+
fontSize: 32,
37+
fontWeight: FontWeight.w600
38+
),),
39+
),
40+
SizedBox(height: 10,),
41+
FadeInUp(
42+
delay: Duration(milliseconds: 1200),
43+
duration: Duration(milliseconds: 1000),
44+
child: Text("Discover milions of jobs and get in \ntouch with hiring managers.", style: GoogleFonts.robotoSlab(
45+
fontSize: 16,
46+
height: 1.8,
47+
color: Colors.grey.shade700
48+
),),
49+
),
50+
],
51+
),
52+
),
53+
FadeInUp(
54+
delay: Duration(milliseconds: 1300),
55+
duration: Duration(milliseconds: 1000),
56+
child: Padding(
57+
padding: EdgeInsets.symmetric(horizontal: 30, vertical: 20),
58+
child: Row(
59+
mainAxisAlignment: MainAxisAlignment.end,
60+
children: [
61+
MaterialButton(
62+
onPressed: () {
63+
Navigator.of(context).pushReplacementNamed('/');
64+
},
65+
color: Colors.black,
66+
height: 45,
67+
shape: RoundedRectangleBorder(
68+
borderRadius: BorderRadius.circular(8)
69+
),
70+
padding: EdgeInsets.only(left: 25, right: 25, bottom: 4),
71+
child: Center(
72+
child: Text("Get Started", style: GoogleFonts.robotoSlab(
73+
fontSize: 16,
74+
color: Colors.white
75+
),),
76+
)
77+
),
78+
// TextButton(
79+
// onPressed: () {},
80+
// child: Text("SKIP", style: GoogleFonts.robotoSlab(
81+
// fontSize: 14,
82+
// fontWeight: FontWeight.w600,
83+
// height: 1.8,
84+
// color: Colors.black
85+
// ),)
86+
// ),
87+
],
88+
),
89+
),
90+
),
91+
],
92+
),
93+
),
94+
);
95+
}
96+
}

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /