Textfield style flutter

Text fieldform color flutter

TextField(
  style: TextStyle(color: Colors.red),
  decoration: InputDecoration(fillColor: Colors.orange, filled: true),
)

Source: stackoverflow.com

Flutter input text in container

TextField(
  decoration: InputDecoration(
    border: InputBorder.none,
    hintText: 'Enter a search term'
  ),
);

Source: flutter.dev

Textfield style flutter

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),
     ),
   ),
)

Textfield style flutter

TextField(
  cursorHeight: 25,
  autofocus: false,
  decoration: InputDecoration(
  	contentPadding: const EdgeInsets.symmetric(vertical: 10,horizontal: 10),
  	border: OutlineInputBorder(),
  	labelText: 'Enter your username',
  	hintText: "Enter your Name"
  ),
)

Text field outline flutter

TextField(
              decoration: new InputDecoration(
                focusedBorder: OutlineInputBorder(
                  borderSide: BorderSide(color: Colors.greenAccent, width: 5.0),
                ),
                enabledBorder: OutlineInputBorder(
                  borderSide: BorderSide(color: Colors.red, width: 5.0),
                ),
                hintText: 'Mobile Number',
              ),

Source: stackoverflow.com

Flutter textfield style

TextField(
  decoration: InputDecoration(
    border: OutlineInputBorder(),
    hintText: 'Enter a search term'
  ),
);

Source: flutter.dev

Similar codes

4 votes185 views3 answers
Round border container flutter
Dart
5 votes181 views1 answer
How do you change the back button flutter
Dart
5 votes188 views1 answer
Handle taps - Flutter
Dart
1 vote186 views1 answer
Increase text size of Test flutter
Dart
0 vote176 views1 answer
Get first three letter of month name in flutter
Dart
1 vote191 views1 answer
Error: Member not found: 'six_ft_apart'. 'six_ft_apart': Icons.six_ft_apart,
Dart
1 vote189 views1 answer
Flutter image load
Dart
9 votes187 views3 answers
Waiting for another flutter command to release the startup lock...
Dart
1 vote177 views1 answer
Flutter array of strings
Dart
3 votes171 views1 answer
Add bg image to scaffold flutter
Dart