flutterflutter-design

I want button like a this. but I can not set border or width


I want like a this button but I can not make it

Please tell me that how to make about

enter image description here

I did tryed code

ElevatedButton(
style: ElevatedButton.styleFrom(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(30)),
backgroundColor: Colors.lightBlue[400],
side:BorderSide(width: 2, color: Colors.black)),

result enter image description here


Solution

  • Container(
      height: 50,
      width: 200,
      decoration: BoxDecoration(
        color: Color(0xff92fcd1),
        border: Border.all(color: Colors.black),
        borderRadius: BorderRadius.circular(100),
        boxShadow: <BoxShadow>[
          BoxShadow(
            color: Colors.black,
            offset: Offset(2.5, 2.5),
            spreadRadius: 0.1
          )
        ], 
      ),
      child: Center(
        child: Text('LOGIN'),
      )
    ),
    

    enter image description here