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

Popular posts from this blog

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

Learning stage | c++ programs

c++ basic question