Welcome back body

mactech24

Jan 14th, 2023

128

Never

Add comment

Not a member of Pastebin yet? Sign Up, it unlocks many cool features!

Dart 4.29 KB | None | 0 0

raw download clone embed print report

import 'package:credical/screens/welcomeBackSignIn2/components/dots.dart';
import 'package:credical/screens/welcomeBackSignIn2/components/numeric_keypad.dart';
import 'package:credical/utile_size.dart';
import 'package:flutter/material.dart';
class WelcomeBackBody extends StatefulWidget {
const WelcomeBackBody({super.key});
@override
State<WelcomeBackBody> createState() => _WelcomeBackBodyState();
}
class _WelcomeBackBodyState extends State<WelcomeBackBody> {
@override
Widget build(BuildContext context) {
Size size = MediaQuery.of(context).size;
SizeConfig().init(context);
return Scaffold(
body: Column(
children: [
Stack(
children: [
Column(children: [
Container(
width: size.width,
height: size.height * 0.34,
// color: Colors.purple,
child: Stack(
children: [
Positioned(
top: getProportionateScreenHeight(0),
right: getProportionateScreenWidth(0),
left: getProportionateScreenWidth(0),
child: Image.asset("assets/back-shape.png"),
),
Positioned(
top: getProportionateScreenHeight(0),
right: getProportionateScreenWidth(0),
left: getProportionateScreenWidth(0),
child: Image.asset("assets/top-shape.png"),
),
Positioned(
bottom: getProportionateScreenHeight(0),
right: getProportionateScreenWidth(0),
left: getProportionateScreenWidth(0),
child: Container(
height: getProportionateScreenHeight(130),
width: getProportionateScreenWidth(130),
decoration: BoxDecoration(
boxShadow: [
BoxShadow(
color: Colors.grey,
blurRadius: 5,
offset: Offset(0, 3),
)
],
color: Colors.white,
shape: BoxShape.circle,
image: DecorationImage(
image: AssetImage("assets/dp.png"),
fit: BoxFit.contain,
),
),
),
),
],
),
),
]),
],
),
SizedBox(
height: getProportionateScreenHeight(40),
),
Text(
"Welcome Back",
style: TextStyle(
fontSize: getProportionateScreenWidth(30),
fontWeight: FontWeight.bold,
),
),
SizedBox(
height: 4,
),
Text(
"Williams Richard",
style: TextStyle(
fontSize: getProportionateScreenWidth(20),
),
),
SizedBox(
height: getProportionateScreenHeight(50),
),
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Image.asset("assets/lock.png"),
SizedBox(
width: getProportionateScreenWidth(10),
),
Text(
"Passcode",
style: TextStyle(
fontSize: getProportionateScreenWidth(10),
),
),
],
),
SizedBox(
height: 10,
),
Wrap(
children: [
Dots(),
Dots(),
Dots(),
Dots(),
Dots(),
Dots(),
],
),
SizedBox(
height: getProportionateScreenHeight(15),
),
NumericPad(),
],
),
);
}
}

Add Comment

Please, Sign In to add comment