Initial commit for complete UI
This commit is contained in:
141
lib/screens/login_screen.dart
Normal file
141
lib/screens/login_screen.dart
Normal file
@@ -0,0 +1,141 @@
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:google_fonts/google_fonts.dart';
|
||||
|
||||
import 'main_screen.dart';
|
||||
class LoginScreen extends StatelessWidget {
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
backgroundColor: Colors.white,
|
||||
body: SingleChildScrollView(
|
||||
|
||||
child: Column(
|
||||
children: [
|
||||
|
||||
Container(
|
||||
decoration: BoxDecoration(
|
||||
gradient: LinearGradient(
|
||||
begin: Alignment.topCenter,
|
||||
end: Alignment.bottomCenter,
|
||||
colors: [
|
||||
Color.fromRGBO(80, 166, 242, 0.66),
|
||||
Color.fromRGBO(168, 134, 255, 0.66),
|
||||
Color.fromRGBO(86, 88, 255, 0.3828),
|
||||
Color.fromRGBO(214, 246, 255, 0.66),
|
||||
],
|
||||
),
|
||||
borderRadius: BorderRadius.only(bottomRight: Radius.elliptical(300, 110), )
|
||||
),
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(20.0),
|
||||
child: Column(
|
||||
children: [
|
||||
const SizedBox(height: 30),
|
||||
Image.asset('assets/images/signinlogo.png', height: 250),
|
||||
const SizedBox(height: 20),
|
||||
|
||||
const SizedBox(height: 30),
|
||||
Align(
|
||||
alignment: Alignment.centerLeft,
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text("Welcome back!", style:
|
||||
GoogleFonts.istokWeb(
|
||||
fontSize: 18,color: Color.fromRGBO(25, 25, 112, 0.87)
|
||||
,fontWeight: FontWeight.w700
|
||||
)),
|
||||
|
||||
Container(
|
||||
width: 200,
|
||||
child: Text("Please sign in to continue",
|
||||
style:GoogleFonts.radioCanada(
|
||||
fontSize: 24,
|
||||
fontWeight: FontWeight.w700,
|
||||
height: 0.9,
|
||||
color: Color.fromRGBO(25, 25, 112, 0.87)
|
||||
)),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 20.0),
|
||||
child: Form(
|
||||
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
|
||||
const SizedBox(height: 20),
|
||||
Text('Enter Email Id',style:GoogleFonts.radioCanada(
|
||||
fontSize: 16,
|
||||
fontWeight: FontWeight.w400,
|
||||
//color: Color.fromRGBO(25, 25, 112, 0.87)
|
||||
)),
|
||||
const SizedBox(height: 5),
|
||||
TextField(
|
||||
decoration: InputDecoration(
|
||||
|
||||
hintText: 'abcd@gmail.com',
|
||||
border: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(15.0)
|
||||
),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 20),
|
||||
Text('Enter Password',style:GoogleFonts.radioCanada(
|
||||
fontSize: 16,
|
||||
fontWeight: FontWeight.w400,
|
||||
//color: Color.fromRGBO(25, 25, 112, 0.87)
|
||||
)),
|
||||
const SizedBox(height: 5),
|
||||
TextField(
|
||||
obscureText: true,
|
||||
decoration: InputDecoration(
|
||||
|
||||
border: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(15.0)
|
||||
),
|
||||
suffixIcon: Icon(Icons.remove_red_eye_outlined),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 30),
|
||||
SizedBox(
|
||||
width: double.infinity,
|
||||
height: 50,
|
||||
child: ElevatedButton(
|
||||
style: ElevatedButton.styleFrom(
|
||||
backgroundColor: Color(0xFF1F1762),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(25),
|
||||
),
|
||||
),
|
||||
onPressed: () {
|
||||
Navigator.push(context, MaterialPageRoute(builder: (context)=>MainScreen()));
|
||||
},
|
||||
child: Text('Login', style:
|
||||
|
||||
GoogleFonts.inter(
|
||||
fontSize: 18,color: Colors.white
|
||||
,fontWeight: FontWeight.w600
|
||||
)
|
||||
|
||||
),
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user