UI for login screen in flutter

-

 import 'package:flutter/material.dart';


class loginPage extends StatefulWidget {
  const loginPage({Key? key}) : super(key: key);

  @override
  State<loginPage> createState() => _loginPageState();
}

class _loginPageState extends State<loginPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        width: double.infinity,
        height: double.infinity,
        decoration: BoxDecoration(
          gradient: LinearGradient(
            colors: [
              Color(0xFF92fe9d),
              Color(0xFF00c9ff)
            ],
          )
        ),
        child: Center(
          child: Container(
            decoration: BoxDecoration(
              borderRadius: BorderRadius.circular(10),
              boxShadow:[
                BoxShadow(
                  blurRadius: 15
                ),
              ],
              color: Colors.yellow,
            ),
            height: 500,
            width: 300,

            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                Text(
                  "Login",
                  style: TextStyle(
                      fontWeight: FontWeight.bold,
                      fontSize: 20,
                      color: Colors.black),
                ),
                SizedBox(
                  height: 15,
                ),
                Container(
                  width: 250,
                  child: TextField(

                    decoration: InputDecoration(
                        hintText: "Enter Username here..",
                      label: Text("Username"),
                      prefixIcon: Icon(Icons.account_circle_outlined),
                        focusedBorder: OutlineInputBorder(
                            borderRadius: BorderRadius.circular(8),
                            borderSide: BorderSide(color: Colors.blue, width: 2)),
                        enabledBorder: OutlineInputBorder(
                            borderRadius: BorderRadius.circular(8),
                            borderSide: BorderSide(width: 2, color: Colors.grey))),
                  ),
                ),
                SizedBox(
                  height: 15,
                ),
                Container(
                  width: 250,
                  child: TextField(
                    obscureText: true,
                    decoration: InputDecoration(
                        prefixIcon: Icon(Icons.lock_outline),
                        hintText: "Enter Password here..",
                        label: Text("Password"),
                        focusedBorder: OutlineInputBorder(
                            borderRadius: BorderRadius.circular(8),
                            borderSide: BorderSide(color: Colors.blue, width: 2)),
                        enabledBorder: OutlineInputBorder(
                            borderRadius: BorderRadius.circular(8),
                            borderSide: BorderSide(width: 2, color: Colors.grey))),
                  ),
                ),
                SizedBox(
                  height: 15,
                ),
                Container(
                  width: 150,
                  height: 40,
                  child: ElevatedButton(onPressed: (){}, child: Text("Login"))
                )
              ],
            ),
          ),
        ),
      ),
    );
  }
}

Comments

Post a Comment

Popular posts from this blog

swapping the alternate values in given array's element ! 17/11/2022

-
  #include <iostream> using namespace std ; // funtion to print the value of array; void printingarray ( int arr [], int size ){ for ( int i = 0 ; i < size ; i ++){ cout << arr [ i ] << " " ; } { /* code */ } } // funtion to swap the alternate value of an arra's element; void alternetswap ( int arr [], int size ){ for ( int i = 0 ; i < size ; i += 2 ) { if ( i + 1 < size ) { swap ( arr [ i ], arr [ i + 1 ]); } } } int main (){ int marry [ 6 ]={ 1 , 2 , 3 , 4 , 5 , 6 }; int garry [ 5 ]={ 23 , 43 , 56 , 76 , 4 }; alternetswap ( marry , 6 ); printingarray ( marry , 6 ); cout << endl ; alternetswap ( garry , 5 ); printingarray ( garry , 5 ); }
Read more

c++ basic question

-
  #include   <iostream> using   namespace   std ; int   main (){   /*   Q- Write a program where the user is asked to enter two integers  ( divisor and dividend)   and the quotient and the remainder of their divison is computed . ( Both divisor and dividend should be integers).         int dividend, divisor, quotient , remainder;   cout<<"Enter your dividend : ";  cin>>dividend;   cout<<"Enter your divisor : "; cin>>divisor; quotient = dividend/divisor; remainder = dividend%divisor; cout<<"The quotient is : "<<quotient<<endl <<"The rema...
Read more

Learning stage | c++ programs

-
  #include   <iostream> using   namespace   std ; int   main ()  { /*//Program to calculate the discount percentage of acutal cost as well as actuall price. int price = 90000; int discount_percentage = (90000/100)*7; int discounted_price= 90000-discount_percentage; cout <<discounted_price;  return 0;*/  // Q- Priya wants to write a program to input marks in three subjects out of 100 and  // calculate and display teh total  marks and percentage . How should she do this task ?           int    ganit , science  ,  social ;      cout << "Enter the marks of...
Read more