Output Screen
Source Code
//todo: import libaray
import 'package:flutter/material.dart';
//todo: Create main() Function
void main() {
// todo: run App on Mobile Device (run inside main method)
runApp(MyApp());
}
class MyApp extends StatelessWidget {
final barColor = const Color(0xFF4AC412);
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
home: Scaffold(
body: new Center(
child: Column(
children: <Widget>[
Container(
margin: EdgeInsets.fromLTRB(10,60,110, 0),
// padding: new EdgeInsets.only(left:10.0),
child: Text(
"Welcome,",
style: TextStyle(
fontSize:46.0,
fontWeight: FontWeight.bold,
color: Colors.black,
),
),
),
SizedBox(height: 8.0,),
Container(
// margin: EdgeInsets.fromLTRB(14, 32, 180, 0),
// padding: new EdgeInsets.only(top:40.0),
child: Text(
"Sign in to Continue!",
style: TextStyle(
fontSize:30,
fontWeight: FontWeight.bold,
color: Colors.grey,
),
),
),
SizedBox(height: 35.0),
Container(
padding: EdgeInsets.only(left:40,right: 40, bottom: 15),
child: TextFormField(
decoration: new InputDecoration(
filled: true,
labelText: "Full Name",
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(10),
),
),
),
),
Container(
padding: EdgeInsets.only(left:40,right: 40, bottom: 15),
child: TextFormField(
decoration: new InputDecoration(
filled: true,
labelText: "Username",
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(10),
),
),
),
),
Container(
padding: EdgeInsets.only(left:40,right: 40, bottom: 15),
child: TextFormField(
decoration: new InputDecoration(
filled: true,
labelText: "Email ID",
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(10),
),
),
),
),
Container(
padding: EdgeInsets.only(left:40,right: 40, bottom: 15),
child: TextFormField(
decoration: new InputDecoration(
filled: true,
labelText: "Paasword",
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(10),
),
),
),
),
SizedBox(height: 35.0),
MaterialButton(
height: 58,
minWidth: 340,
shape: RoundedRectangleBorder(
borderRadius: new BorderRadius.circular(12)),
onPressed: () {},
child: Text(
"Sign Up ",
style: TextStyle(
fontSize:24,
color: Colors.white,
),
),
color: Color(0xFFff5f77),
),
SizedBox(height:14.0,),
MaterialButton(
height: 58,
minWidth: 340,
shape: RoundedRectangleBorder(
borderRadius: new BorderRadius.circular(12)),
onPressed: () {},
child: Text(
"Connect with Facebook ",
style: TextStyle(
fontSize:24,
color: Colors.white,
),
),
color: Color(0xFF3b5998),
),
],
),
),
),
);
}
}
Posts
No comments:
Post a Comment