Textfield border radius flutter

Flutter textfield rounded

TextField(
                decoration: InputDecoration(
                  border: OutlineInputBorder(
                    borderRadius: BorderRadius.circular(30.0),
                  )
                ),
              )

Flutter border radius

 borderRadius: BorderRadius.all(Radius.circular(5.0))

Textfield border radius flutter

TextFormField(
  decoration: InputDecoration(
    border: OutlineInputBorder(
      borderRadius: BorderRadius.circular(8),
    ),
  ),
),

Textfield border radius 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),
     ),
   ),
)

Flutter textformfield border radius

decoration: const InputDecoration(
	border: const OutlineInputBorder(
		borderRadius: const BorderRadius.all(
		const Radius.circular(10.0),
	),
),

Source: stackoverflow.com

Textfield border radius flutter

TextField(
     decoration: InputDecoration(
        border: OutlineInputBorder(
           borderRadius: BorderRadius.circular(30),
           borderSide: BorderSide(color: Colors.grey, width: 1.5),
        ),    
    ),
)

Similar codes

21 votes140 views5 answers
How to add elevation to container flutter
Dart
1 vote135 views1 answer
Flutter dynamic table example
Dart
34 votes188 views6 answers
Flutter text color
Dart
1 vote135 views1 answer
Flutter Execution failed for task ':app:packageDebug'.
Dart
0 vote145 views1 answer
FilterChip backgroung color opacity
Dart
5 votes114 views2 answers
Is not empty flutter
Dart
1 vote151 views1 answer
Try adding a case clause for the missing constant, or adding a default clause.dartmissing_enum_constant_in_switch.
Dart
0 vote111 views1 answer
How to use flaticon as icon in flutter
Dart
0 vote157 views1 answer
Dart while break
Dart
14 votes123 views2 answers
Dart try-catch
Dart