Playing with Text Field in flutter
import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
title: 'Flutter Demo',
theme: ThemeData(
textTheme: TextTheme(
headline1: TextStyle(
fontWeight: FontWeight.bold, fontSize: 25, color: Colors.black),
subtitle1: TextStyle(
fontSize: 15,
fontWeight: FontWeight.bold,
color: Colors.green)),
primarySwatch: Colors.blue,
),
home: MyHomePage(),
);
}
}
class MyHomePage extends StatelessWidget {
var emailText = TextEditingController();
var passText = TextEditingController();
@override
Widget build(BuildContext context) {
var arrNames = [
'Cashify',
'Abhinav',
'Aftab',
'Sahim',
'Ankit',
'Sohail',
'Shivam',
'Vikash',
'Altaf'
];
return Scaffold(
appBar: AppBar(title: Text('Profile')),
body: Center(child: Container(
width: 303,
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
TextField(
controller: emailText,
decoration: InputDecoration(
hintText: 'Enter Email here...',
prefixIcon: Icon(
Icons.email
),
focusedBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(11),
borderSide: BorderSide(
color: Colors.orange,
width: 2,
)
),
enabledBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(11),
borderSide: (
BorderSide(
color: Colors.grey,
width: 2,
)
)
)
),
),
Container(
height: 11,
),
TextField(
keyboardType: TextInputType.phone,
obscureText: true,
//obscuringCharacter: '*',
controller: passText,
decoration: InputDecoration(
hintText: 'Enter Password here...',
focusedBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(11),
borderSide: BorderSide(
color: Colors.orange,
width: 2,
)
),
enabledBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(11),
borderSide: (
BorderSide(
color: Colors.grey,
width: 2,
)
)
)
),
),
ElevatedButton(onPressed: (){
String uEmail = emailText.text.toString();
String uPass = passText.text;
print('Email:$uEmail, uPass: $uPass');
}, child: Text(
'login'
))
],
)))
);
}
}
Comments
Post a Comment