Scribd
Upload
27 views2 pages

Flutter LOGIN

The document is a Flutter widget code for a login page featuring an AppBar, image, text fields for phone/email and password, and a login button. It includes functionality to print messages upon button press and when help is requested for login issues. The layout is designed to be scrollable and responsive with padding for better user experience.

Uploaded by

solankisatyraj84
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
27 views2 pages

Flutter LOGIN

The document is a Flutter widget code for a login page featuring an AppBar, image, text fields for phone/email and password, and a login button. It includes functionality to print messages upon button press and when help is requested for login issues. The layout is designed to be scrollable and responsive with padding for better user experience.

Uploaded by

solankisatyraj84
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd

return Scaffold(

backgroundColor: [Link],
appBar: AppBar(
title: Text("LOGIN PAGE"),
),
body: SingleChildScrollView(
child: Column(
children: <Widget>[
Padding(
padding: const [Link](top: 110.0),
child: Center(
child: Container(
width: 200,
height: 100,
/*decoration: BoxDecoration(
color: [Link],
borderRadius: [Link](50.0)),*/
child: [Link]('assets/images/[Link]')),
),
),
Padding(
//padding: const [Link](left:15.0,right: 15.0,top:0,bottom:
0),
padding: [Link](horizontal: 15),
child: TextField(
decoration: InputDecoration(
border: OutlineInputBorder(),
labelText: 'Phone number, email or username',
hintText: 'Enter valid email id as abc@[Link]'),
),
),
Padding(
padding: const [Link](
left: 15.0, right: 15.0, top: 15, bottom: 0),
//padding: [Link](horizontal: 15),
child: TextField(

obscureText: true,
decoration: InputDecoration(
border: OutlineInputBorder(),
labelText: 'Password',
hintText: 'Enter secure password'),
),
),

SizedBox(
height: 65,
width: 360,
child: Container(
child: Padding(
padding: const [Link](top: 20.0),
child: ElevatedButton(
child: Text( 'Log in ', style: TextStyle(color: [Link],
fontSize: 20),
),
onPressed: (){
print('Successfully log in ');
},
),
),
),
),

SizedBox(
height: 50,
),
Container(
child: Center(
child: Row(
children: [

Padding(
padding: const [Link](left: 62),
child: Text('Forgot your login details? '),
),

Padding(
padding: const [Link](left:1.0),
child: InkWell(
onTap: (){
print('hello');
},
child: Text('Get help logging in.', style:
TextStyle(fontSize: 14, color: [Link]),)),
)
],
),
)
)
],
),
),
);
}
}

You might also like