class MyStep extends StatelessWidget {
final TextEditingController controller;
MyStep(this.controller);
@override
Widget build(BuildContext context) {
return Container(
width: 130.px,
height: 30.px,
margin: EdgeInsets.all(30.px),
child: TextField(
decoration: InputDecoration(
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(30.px),
),
focusedBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(30.px),
borderSide: BorderSide(color:Color(0xffcccccc),width: 2.px)
),
prefixIcon: Container(
width: 28.px,
alignment: Alignment.center,
decoration: BoxDecoration(
color: Color(0xffcccccc),
borderRadius: BorderRadius.only(
topLeft: Radius.circular(15.px),
bottomLeft: Radius.circular(15.px))),
child: Text('+', style: TextStyle(fontSize: 20.px, height: 1)),
),
suffixIcon: Container(
width: 28.px,
alignment: Alignment.center,
decoration: BoxDecoration(
color: Color(0xffcccccc),
borderRadius: BorderRadius.only(
bottomRight: Radius.circular(15.px),
topRight: Radius.circular(15.px))),
child: Text(
'-',
style: TextStyle(fontSize: 20.px, height: 1),
),
),
contentPadding: EdgeInsets.all(0),
),
textAlignVertical: TextAlignVertical.center,
textAlign: TextAlign.center,
controller: controller,
),
);
}
}