143 lines
5.1 KiB
Dart
143 lines
5.1 KiB
Dart
import 'dart:ui';
|
||
|
||
import 'package:flutter/material.dart';
|
||
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||
import 'package:glassmorphism/glassmorphism.dart';
|
||
import 'package:traderscircuit/Utils/Common/CustomTextFormField.dart';
|
||
import 'package:traderscircuit/Utils/Common/commonBotton.dart';
|
||
import 'package:traderscircuit/view/onBoarding/splashScreen1.dart';
|
||
|
||
class LoginScreen extends StatefulWidget {
|
||
const LoginScreen({super.key});
|
||
|
||
@override
|
||
State<LoginScreen> createState() => _LoginScreenState();
|
||
}
|
||
|
||
class _LoginScreenState extends State<LoginScreen> {
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Scaffold(
|
||
backgroundColor: Colors.black,
|
||
extendBody: true,
|
||
body: Stack(
|
||
children: [
|
||
CommonBlurLeft(),
|
||
CommonBlurRight(),
|
||
Stack(
|
||
children: [
|
||
Padding(
|
||
padding: EdgeInsets.symmetric(horizontal: 16, vertical: 16),
|
||
child: ListView(
|
||
physics: BouncingScrollPhysics(),
|
||
// mainAxisAlignment: MainAxisAlignment.start,
|
||
// crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
SizedBox(
|
||
height: 70.h,
|
||
),
|
||
const Row(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: [
|
||
Text(
|
||
"Traders Circuit",
|
||
style: TextStyle(
|
||
color: Colors.white,
|
||
fontSize: 25,
|
||
fontWeight: FontWeight.w600),
|
||
),
|
||
],
|
||
),
|
||
SizedBox(
|
||
height: 42.h,
|
||
),
|
||
const Text(
|
||
"Lets get started ",
|
||
style: TextStyle(
|
||
color: Colors.white,
|
||
fontSize: 24,
|
||
fontWeight: FontWeight.w700),
|
||
),
|
||
SizedBox(
|
||
height: 10.h,
|
||
),
|
||
const Text(
|
||
"Enter your mobile number to get otp",
|
||
style: TextStyle(
|
||
color: Colors.white,
|
||
fontSize: 18,
|
||
fontWeight: FontWeight.w800),
|
||
),
|
||
SizedBox(
|
||
height: 35.h,
|
||
),
|
||
Row(
|
||
children: [
|
||
GlassmorphicContainer(
|
||
width: 60,
|
||
height: 50,
|
||
borderRadius: 8,
|
||
blur: 10,
|
||
alignment: Alignment.center,
|
||
border: 2,
|
||
linearGradient: LinearGradient(
|
||
begin: Alignment.topLeft,
|
||
end: Alignment.bottomRight,
|
||
colors: [
|
||
Colors.white.withOpacity(0.1),
|
||
Color(0xFFFFFFFF).withOpacity(0.05),
|
||
],
|
||
stops: [
|
||
0.1,
|
||
1,
|
||
]),
|
||
borderGradient: LinearGradient(
|
||
begin: Alignment.topLeft,
|
||
end: Alignment.bottomRight,
|
||
colors: [
|
||
Color(0xff9A0000).withOpacity(0.5),
|
||
Color(0xFFffffff).withOpacity(0.5),
|
||
],
|
||
),
|
||
child: Row(
|
||
crossAxisAlignment: CrossAxisAlignment.center,
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: [
|
||
Icon(Icons.flag),
|
||
Text(
|
||
"+91",
|
||
style: TextStyle(
|
||
fontSize: 15,
|
||
color: Colors.white,
|
||
),
|
||
)
|
||
],
|
||
),
|
||
),
|
||
SizedBox(
|
||
width: 10,
|
||
),
|
||
Container(
|
||
width: 250,
|
||
child: CustomTextFormField(),
|
||
)
|
||
],
|
||
),
|
||
SizedBox(
|
||
height: 10,
|
||
),
|
||
Text(
|
||
"We’ll send six digit code to the registered number. Standard data rates may apply",
|
||
style: TextStyle(color: Colors.white),
|
||
)
|
||
],
|
||
),
|
||
),
|
||
],
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
}
|