In this article, I’ll be understanding what Flutter textformfield default value is and how to properly use it. I will be implementing it step by step so you don’t find any difficulty in implementing Flutter textformfield default value in your Flutter app. Let’s start understanding and implementing Flutter textformfield default value in Flutter app.
What is Flutter Textformfield Default Value?
Flutter textformfield default value is used when you want to show some text in the Flutter textformfield. For instance, you want to edit the description using the Flutter Textformfield. In the editing screen, the content of the current description is inputted through Flutter textformfield default value, so you can edit it or clear all and input a new description. Don’t worry, I will be using proper example in the next section to explain Flutter textformfield default value.
Implementing Flutter Textformfield Default Value
To implement Flutter textformfield default value, you have to use the initial value constructor of the Flutter textformfield. Let’s see the below code for this:
TextFormField( initialValue: 'This is the initial value', )
Beautiful Textformfield Source Code
import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
home: Homepage(),
);
}
}
class Homepage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return SafeArea(
child: Scaffold(
body: Center(
child: Padding(
padding: EdgeInsets.symmetric(horizontal: 40),
child: TextFormField(
initialValue: 'This is the initial value',
style: TextStyle(color: Colors.pink),
cursorColor: Colors.pink,
decoration: InputDecoration(
filled: true,
fillColor: Colors.pink.withOpacity(.08),
prefixIcon: Icon(
Icons.email,
color: Colors.pink,
),
suffixIcon: Icon(
Icons.visibility,
color: Colors.pink,
),
labelText: 'Enter your email',
labelStyle: TextStyle(color: Colors.pink.withOpacity(.8)),
enabledBorder: OutlineInputBorder(
borderSide: BorderSide(color: Colors.pink),
borderRadius: BorderRadius.circular(30).copyWith(
bottomRight: Radius.circular(0),
topLeft: Radius.circular(0))),
focusedBorder: OutlineInputBorder(
borderSide: BorderSide(color: Colors.pink),
borderRadius: BorderRadius.circular(30).copyWith(
bottomRight: Radius.circular(0),
topLeft: Radius.circular(0)))),
))),
));
}
}Conclusion
In conclusion, we have learned how to implement Flutter textformfield default value customization in Flutter app. I would love to have your valuable feedback and would love to see you at my other articles on amazing Flutter widgets, beautiful Flutter templates, and amazing Flutter animations. That’s it for this article. Thanks for reading.
