DEV Community

Cover image for Flutter: Como adicionar sombra ao TextFormField
Alexandre Freire
Alexandre Freire

Posted on

Flutter: Como adicionar sombra ao TextFormField

Aprenda como adicionar sombra ao TextFormField no Flutter utilizando o widget Material. Você pode utilizar o TextFormField com um Material widget e editar suas propriedades, como elevation e shadowColor.

Exemplo:

Material(
              elevation: 20.0,
              shadowColor: Colors.blue,
                          child: TextFormField(
                obscureText: true,
                autofocus: false,
                decoration: InputDecoration(
                    icon: new Icon(Icons.lock, color: Color(0xff224597)),
                    hintText: 'Password',
                    fillColor: Colors.white,
                    filled: true,
                    contentPadding: EdgeInsets.fromLTRB(20.0, 10.0, 20.0, 10.0),
                    enabledBorder: OutlineInputBorder(borderRadius:BorderRadius.circular(5.0),
                    borderSide: BorderSide(color: Colors.white, width: 3.0))
                ),
              ),
            )  
Enter fullscreen mode Exit fullscreen mode

Você vai ter algo parecido com a imagem abaixo.
Alt Text

Top comments (0)