自定义不进器

156 阅读1分钟
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,
      ),
    );
  }
}