Shutter textfield example

Border effect

TextField(
  controller: _passWordController,
  autofocus: true,
  obscureText: true,
  maxLength: 20,
  decoration: InputDecoration(
    contentPadding: const EdgeInsets.all( 10),
    label: const Text(Strings.password),
    hintText: Strings.inputPassword,
    border: OutlineInputBorder(
      borderRadius: BorderRadius.circular(5),// Round corners 
      borderSide: BorderSide.merge( // Border width 
        const BorderSide(width: 1, color: Colors.grey),
        const BorderSide(width: 1, color: Colors.grey),
      ),
    ),
  ),
)

No border effect

TextField(
  controller: _userNameController,
  autofocus: true,
  decoration: InputDecoration(
    prefixIcon: const Icon(Icons.account_circle_outlined