textfield border radius flutter code example

Example 1: flutter textformfield border radius

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

Example 2: textfield border flutter

decoration: new InputDecoration(
                border: new OutlineInputBorder(
                    borderSide: new BorderSide(color: Colors.teal)),
                hintText: 'Tell us about yourself',
                helperText: 'Keep it short, this is just a demo.',
                labelText: 'Life story',
                prefixIcon: const Icon(
                  Icons.person,
                  color: Colors.green,
                ),
                prefixText: ' ',
                suffixText: 'USD',
                suffixStyle: const TextStyle(color: Colors.green)),
          ),

Example 3: flutter border radius

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

Example 4: textfield border radius flutter

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

Tags: