How can I make a button's corner only rounded on the top?

user_10539947 0
Viewed 6759

I'm trying to make a button which has rounded corners on the top and a normal corner on the bottom. How can I make it like this?

flutter-layout dart flutter
1 Answers

An General Example :

RaisedButton(
              onPressed: () {},
              shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.only(
                      topLeft: Radius.circular(15.0),
                      topRight: Radius.circular(15.0))),
              child: Text('Click Me!'),
              color: Colors.blueAccent,
              textColor: Colors.white,
            ),

As Per pskink Comment :

RaisedButton(
              onPressed: () {},
              shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.vertical(
                top: Radius.circular(15.0),
              )),
              child: Text('Click Me!'),
              color: Colors.blueAccent,
              textColor: Colors.white,
            ),
user_102690420
Related