d

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

15 St Margarets, NY 10033
(+381) 11 123 4567
ouroffice@aware.com

 

KMF

The Easy Way to Make Layout Designs on Flutter

import 'package:flutter/material.dart';

class LoginWidget extends StatelessWidget {

  Widget build(BuildContext context) {

        constraints: BoxConstraints.expand(),

        decoration: BoxDecoration(

          color: Color.fromARGB(255, 255, 255, 255),

          alignment: Alignment.center,

          children: [

            Positioned(

              left: 0,

              right: 0,

              child: Container(

                height: 812,

                child: Image.asset(

                  "assets/images/bg-3.png",

                  fit: BoxFit.cover,

            Positioned(

              left: 20,

              top: 58,

              right: 337,

              child: Container(

                height: 12,

                child: Opacity(

                  opacity: 0.3,

                  child: Image.asset(

                    "assets/images/np-arrow-685135-000000-2.png",

                    fit: BoxFit.none,

                  ),

            Positioned(

              left: -772,

              right: -772,

              child: Container(

                height: 1281,

                child: Image.asset(

                  "assets/images/bitmap-4.png",

                  fit: BoxFit.cover,

            Positioned(

              left: -5,

              top: -14,

              right: -2,

              child: Container(

                height: 833,

                child: Opacity(

                  opacity: 0.776,

                  child: Image.asset(

                    "assets/images/mask-copy-2-3.png",

                    fit: BoxFit.cover,

                  ),

            Positioned(

              left: 23,

              top: 144,

              right: 23,

              bottom: 109,

              child: Column(

                crossAxisAlignment: CrossAxisAlignment.stretch,

                children: [

                  Align(

                    alignment: Alignment.topCenter,

                    child: Container(

                      width: 266,

                      height: 91,

                      child: Stack(

                        alignment: Alignment.centerLeft,

                        children: [

                          Positioned(

                            left: 9,

                            child: Text(

                              "EVENT.TI",

                              style: TextStyle(

                                color: Color.fromARGB(255, 217, 45, 123),

                                fontSize: 46,

                                letterSpacing: 0.501,

                                fontFamily: "Trebuchet MS",

                              ),

                              textAlign: TextAlign.left,

                            ),

                          ),

                          Positioned(

                            left: -1,

                            right: 0,

                            bottom: 0,

                            child: Container(

                              height: 91,

                              child: Row(

                                crossAxisAlignment: CrossAxisAlignment.stretch,

                                children: [

                                  Align(

                                    alignment: Alignment.bottomLeft,

                                    child: Container(

                                      width: 171,

                                      height: 4,

                                      margin: EdgeInsets.only(bottom: 17),

                                      child: Image.asset(

                                        "assets/images/line-2.png",

                                        fit: BoxFit.none,

                                      ),

                                    ),

                                  ),

                                  Spacer(),

                                  Align(

                                    alignment: Alignment.centerLeft,

                                    child: Container(

                                      width: 75,

                                      height: 91,

                                      child: Image.asset(

                                        "assets/images/group.png",

                                        fit: BoxFit.none,

                                      ),

                                    ),

                                  ),

                                ],

                              ),

                            ),

                          ),

                          Positioned(

                            left: 24,

                            top: 17,

                            child: Container(

                              width: 171,

                              height: 4,

                              child: Image.asset(

                                "assets/images/line-2.png",

                                fit: BoxFit.none,

                              ),

                            ),

                          ),

                        ],

                      ),

                    ),

                  ),

                  Align(

                    alignment: Alignment.topCenter,

                    child: Container(

                      width: 330,

                      height: 213,

                      margin: EdgeInsets.only(top: 82),

                      child: Image.asset(

                        "assets/images/search-bar-2.png",

                        fit: BoxFit.cover,

                      ),

                    ),

                  ),

                  Align(

                    alignment: Alignment.topCenter,

                    child: Container(

                      margin: EdgeInsets.only(top: 49),

                      child: Text(

                        "Register",

                        style: TextStyle(

                          color: Color.fromARGB(255, 222, 38, 121),

                          fontSize: 17,

                          letterSpacing: -0.35,

                          fontFamily: "Avenir",

                          fontWeight: FontWeight.w800,

                        ),

                        textAlign: TextAlign.left,

                      ),

                    ),

                  ),

                  Spacer(),

                  Container(

                    height: 18,

                    margin: EdgeInsets.only(left: 104, right: 110, bottom: 14),

                    child: Row(

                      crossAxisAlignment: CrossAxisAlignment.stretch,

                      children: [

                        Align(

                          alignment: Alignment.bottomLeft,

                          child: Container(

                            width: 43,

                            height: 2,

                            margin: EdgeInsets.only(bottom: 8),

                            child: Opacity(

                              opacity: 0.766,

                              child: Image.asset(

                                "assets/images/rectangle-7-2.png",

                                fit: BoxFit.none,

                              ),

                            ),

                          ),

                        ),

                        Align(

                          alignment: Alignment.bottomLeft,

                          child: Container(

                            margin: EdgeInsets.only(left: 7),

                            child: Text(

                              "Or",

                              style: TextStyle(

                                color: Color.fromARGB(255, 222, 38, 121),

                                fontSize: 13,

                                letterSpacing: -0.268,

                                fontFamily: "Avenir",

                                fontWeight: FontWeight.w800,

                              ),

                              textAlign: TextAlign.left,

                            ),

                          ),

                        ),

                        Spacer(),

                        Align(

                          alignment: Alignment.bottomLeft,

                          child: Container(

                            width: 43,

                            height: 2,

                            margin: EdgeInsets.only(bottom: 8),

                            child: Opacity(

                              opacity: 0.1,

                              child: Image.asset(

                                "assets/images/rectangle-7.png",

                                fit: BoxFit.none,

                              ),

                            ),

                          ),

                        ),

                      ],

                    ),

                  ),

                  Align(

                    alignment: Alignment.topCenter,

                    child: Container(

                      width: 43,

                      height: 43,

                      child: Image.asset(

                        "assets/images/bitmap-8.png",

                        fit: BoxFit.none,

                      ),

                    ),

                  ),

            Positioned(

              left: 54,

              top: 354,

              child: Container(

                width: 266,

                height: 205,

                child: Column(

                  crossAxisAlignment: CrossAxisAlignment.stretch,

                  children: [

                    Align(

                      alignment: Alignment.topLeft,

                      child: Container(

                        margin: EdgeInsets.only(left: 9),

                        child: Opacity(

                          opacity: 0.692,

                          child: Text(

                            "Email Addres",

                            style: TextStyle(

                              color: Color.fromARGB(255, 255, 255, 255),

                              fontSize: 19,

                              letterSpacing: 0.207,

                              fontFamily: "Avenir",

                            ),

                            textAlign: TextAlign.left,

                          ),

                        ),

                      ),

                    ),

                    Align(

                      alignment: Alignment.topCenter,

                      child: Container(

                        width: 266,

                        height: 4,

                        margin: EdgeInsets.only(top: 12),

                        child: Image.asset(

                          "assets/images/line.png",

                          fit: BoxFit.cover,

                        ),

                      ),

                    ),

                    Align(

                      alignment: Alignment.topLeft,

                      child: Container(

                        margin: EdgeInsets.only(left: 9, top: 29),

                        child: Opacity(

                          opacity: 0.692,

                          child: Text(

                            "Password",

                            style: TextStyle(

                              color: Color.fromARGB(255, 255, 255, 255),

                              fontSize: 19,

                              letterSpacing: 0.207,

                              fontFamily: "Avenir",

                            ),

                            textAlign: TextAlign.left,

                          ),

                        ),

                      ),

                    ),

                    Align(

                      alignment: Alignment.topCenter,

                      child: Container(

                        width: 266,

                        height: 4,

                        margin: EdgeInsets.only(top: 12),

                        child: Image.asset(

                          "assets/images/line.png",

                          fit: BoxFit.cover,

                        ),

                      ),

                    ),

                    Align(

                      alignment: Alignment.topCenter,

                      child: Container(

                        width: 260,

                        height: 53,

                        margin: EdgeInsets.only(top: 41),

                        child: Image.asset(

                          "assets/images/rectangle-6-2.png",

                          fit: BoxFit.cover,

                        ),

                      ),

                    ),

                  ],

            Positioned(

              top: 520,

              child: Text(

                "LOGIN",

                style: TextStyle(

                  color: Color.fromARGB(255, 255, 255, 255),

                  fontSize: 19,

                  letterSpacing: 3.41,

                  fontFamily: "Avenir",

                textAlign: TextAlign.left,

Credit: Source link

Previous Next
Close
Test Caption
Test Description goes like this