How to create specific text fields flutter?

Question

How can i draw this text fields in flutter and add the text field inside? Thank you

Does this answer your question? [How can I make rounded TextField in flutter?](https://stackoverflow.com/questions/49257641/how-can-i-make-rounded-textfield-in-flutter) — Ibrahim Ali, Mar 24 '21 at 21:25

score 0 · Accepted Answer · answered Mar 25 '21 at 05:43

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Theme(
      data: ThemeData(primaryColor: Colors.purple),
      child: TextField(
        decoration: InputDecoration(
          labelText: "Password",
          fillColor: Colors.white,
          border: OutlineInputBorder(
            borderRadius: BorderRadius.circular(30.0),
            borderSide: BorderSide(
              color: Colors.purple,
            ),
          ),
          enabledBorder: OutlineInputBorder(
            borderRadius: BorderRadius.circular(30.0),
            borderSide: BorderSide(
              color: Colors.purple,
              width: 2.0,
            ),
          ),
        ),
      ),
    );
  }
}

Adding a gradient to the border seems pretty difficult. You can check this question for more info.

How to create specific text fields flutter?

1 Answers1