Advertisement
mactech24

Welcome back body

Jan 14th, 2023
130
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
Dart 4.29 KB | None | 0 0
  1. import 'package:credical/screens/welcomeBackSignIn2/components/dots.dart';
  2. import 'package:credical/screens/welcomeBackSignIn2/components/numeric_keypad.dart';
  3. import 'package:credical/utile_size.dart';
  4. import 'package:flutter/material.dart';
  5.  
  6. class WelcomeBackBody extends StatefulWidget {
  7.   const WelcomeBackBody({super.key});
  8.  
  9.   @override
  10.   State<WelcomeBackBody> createState() => _WelcomeBackBodyState();
  11. }
  12.  
  13. class _WelcomeBackBodyState extends State<WelcomeBackBody> {
  14.   @override
  15.   Widget build(BuildContext context) {
  16.     Size size = MediaQuery.of(context).size;
  17.     SizeConfig().init(context);
  18.     return Scaffold(
  19.       body: Column(
  20.         children: [
  21.           Stack(
  22.             children: [
  23.               Column(children: [
  24.                 Container(
  25.                   width: size.width,
  26.                   height: size.height * 0.34,
  27.                   // color: Colors.purple,
  28.                   child: Stack(
  29.                     children: [
  30.                       Positioned(
  31.                         top: getProportionateScreenHeight(0),
  32.                         right: getProportionateScreenWidth(0),
  33.                         left: getProportionateScreenWidth(0),
  34.                         child: Image.asset("assets/back-shape.png"),
  35.                       ),
  36.                       Positioned(
  37.                         top: getProportionateScreenHeight(0),
  38.                         right: getProportionateScreenWidth(0),
  39.                         left: getProportionateScreenWidth(0),
  40.                         child: Image.asset("assets/top-shape.png"),
  41.                       ),
  42.                       Positioned(
  43.                         bottom: getProportionateScreenHeight(0),
  44.                         right: getProportionateScreenWidth(0),
  45.                         left: getProportionateScreenWidth(0),
  46.                         child: Container(
  47.                           height: getProportionateScreenHeight(130),
  48.                           width: getProportionateScreenWidth(130),
  49.                           decoration: BoxDecoration(
  50.                             boxShadow: [
  51.                               BoxShadow(
  52.                                 color: Colors.grey,
  53.                                 blurRadius: 5,
  54.                                 offset: Offset(0, 3),
  55.                               )
  56.                             ],
  57.                             color: Colors.white,
  58.                             shape: BoxShape.circle,
  59.                             image: DecorationImage(
  60.                               image: AssetImage("assets/dp.png"),
  61.                               fit: BoxFit.contain,
  62.                             ),
  63.                           ),
  64.                         ),
  65.                       ),
  66.                     ],
  67.                   ),
  68.                 ),
  69.               ]),
  70.             ],
  71.           ),
  72.           SizedBox(
  73.             height: getProportionateScreenHeight(40),
  74.           ),
  75.           Text(
  76.             "Welcome Back",
  77.             style: TextStyle(
  78.               fontSize: getProportionateScreenWidth(30),
  79.               fontWeight: FontWeight.bold,
  80.             ),
  81.           ),
  82.           SizedBox(
  83.             height: 4,
  84.           ),
  85.           Text(
  86.             "Williams Richard",
  87.             style: TextStyle(
  88.               fontSize: getProportionateScreenWidth(20),
  89.             ),
  90.           ),
  91.           SizedBox(
  92.             height: getProportionateScreenHeight(50),
  93.           ),
  94.           Row(
  95.             mainAxisAlignment: MainAxisAlignment.center,
  96.             children: [
  97.               Image.asset("assets/lock.png"),
  98.               SizedBox(
  99.                 width: getProportionateScreenWidth(10),
  100.               ),
  101.               Text(
  102.                 "Passcode",
  103.                 style: TextStyle(
  104.                   fontSize: getProportionateScreenWidth(10),
  105.                 ),
  106.               ),
  107.             ],
  108.           ),
  109.           SizedBox(
  110.             height: 10,
  111.           ),
  112.           Wrap(
  113.             children: [
  114.               Dots(),
  115.               Dots(),
  116.               Dots(),
  117.               Dots(),
  118.               Dots(),
  119.               Dots(),
  120.             ],
  121.           ),
  122.           SizedBox(
  123.             height: getProportionateScreenHeight(15),
  124.           ),
  125.           NumericPad(),
  126.         ],
  127.       ),
  128.     );
  129.   }
  130. }
  131.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement