title: Flutter textfield background color on focus
body: <p>I have a rounded textfield. It works well, but when the user taps on it, a grey color background appears. How can I disable that splash effect?</p>
  <p>This is my code and result:</p>
  <pre><code>        new Container(
            margin: const EdgeInsets.only(left: 30.0, top: 60.0, right: 
           30.0),
            height: 40.0,
            decoration: new BoxDecoration(
  
            color: Colors.white,
  
              borderRadius: new BorderRadius.all(new Radius.circular(25.7))
            ),
  
            child: new Directionality(
  
                textDirection: TextDirection.ltr,
                child: new TextField(
                  controller: null,
                  autofocus: false,
  
                  style:
                      new TextStyle(fontSize: 22.0, color: Color(0xFFbdc6cf)),
                  decoration: new InputDecoration(
                    filled: true,
  
                    fillColor: Colors.white,
                    hintText: 'Username',
                    contentPadding: const EdgeInsets.only(
                        left: 14.0, bottom: 8.0, top: 8.0),
                    focusedBorder: OutlineInputBorder(
                      borderSide: new BorderSide(color: Colors.white),
                      borderRadius: new BorderRadius.circular(25.7),
                    ),
                    enabledBorder: UnderlineInputBorder(
                      borderSide: new BorderSide(color: Colors.white),
                      borderRadius: new BorderRadius.circular(25.7),
                    ),
                  ),
                ))),
  </code></pre>
  <p><a href="https://i.stack.imgur.com/1owA7.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/1owA7.jpg" alt="enter image description here" /></a></p>