xxxxxxxxxx
import 'package:flutter/material.dart';
class MyTextForm extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Text Input Example'),
),
body: Padding(
padding: EdgeInsets.all(16.0),
child: TextField(
decoration: InputDecoration(
labelText: 'Enter text',
border: OutlineInputBorder(),
),
),
),
);
}
}
void main() {
runApp(MaterialApp(
home: MyTextForm(),
));
}
xxxxxxxxxx
TextField(
decoration: InputDecoration(
border: OutlineInputBorder(),
labelText: 'Password',
hintText: 'Enter Password',
),
),
xxxxxxxxxx
// full text field
TextField(
cursorHeight: 20,
autofocus: false,
controller: TextEditingController(text: "Initial Text here"),
decoration: InputDecoration(
labelText: 'Enter your username',
hintText: "Enter your Name",
prefixIcon: Icon(Icons.star),
suffixIcon: Icon(Icons.keyboard_arrow_down),
contentPadding: const EdgeInsets.symmetric(vertical: 10,horizontal: 10),
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(30),
borderSide: BorderSide(color: Colors.grey, width: 2),
),
enabledBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(30),
borderSide: BorderSide(color: Colors.grey, width: 1.5),
),
focusedBorder: OutlineInputBorder(
gapPadding: 0.0,
borderRadius: BorderRadius.circular(30),
borderSide: BorderSide(color: Colors.red, width: 1.5),
),
),
)
xxxxxxxxxx
TextField(
decoration: InputDecoration(
border: InputBorder.none,
hintText: 'Enter a search term'
),
);
xxxxxxxxxx
TextFormField(
decoration: const InputDecoration(
border: UnderlineInputBorder(),
labelText: 'Enter your username',
),
),
xxxxxxxxxx
import 'package:flutter/material.dart';
class MyInputField extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: Padding(
padding: EdgeInsets.symmetric(horizontal: 20),
child: TextField(
decoration: InputDecoration(
labelText: 'Enter your input',
border: OutlineInputBorder(),
),
),
),
),
);
}
}
void main() {
runApp(MaterialApp(
home: MyInputField(),
));
}
xxxxxxxxxx
TextField(
decoration: InputDecoration(
border: InputBorder.none,
hintText: 'Enter a search phrase'
),
onSubmitted: (String value) {
setState(() {
phrase = value;
});
}
);