import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:velocity_x/velocity_x.dart';

class TelTextField extends StatefulWidget {
  final TextEditingController controller;
  const TelTextField({Key? key, required this.controller}) : super(key: key);

  @override
  _TelTextFieldState createState() => _TelTextFieldState();
}

class _TelTextFieldState extends State<TelTextField> {
  @override
  Widget build(BuildContext context) {
    return Container(
      width: 686.w,
      height: 94.w,
      decoration: BoxDecoration(
        borderRadius: BorderRadius.circular(60.w),
        color: Colors.black.withOpacity(0.06),
      ),
      child: TextField(
        inputFormatters: [FilteringTextInputFormatter.digitsOnly],
        keyboardType: TextInputType.number,
        controller: widget.controller,
        decoration: InputDecoration(
          isDense: true,
          border: InputBorder.none,
          prefixIcon: Center(child: '+86｜'.text.black.make()),
          prefixIconConstraints: BoxConstraints.loose(Size(60, 60)),
          contentPadding: EdgeInsets.symmetric(vertical: 30.w),
          hintText: '点击输入手机号',
          hintStyle:
              TextStyle(color: Colors.black.withOpacity(0.25), fontSize: 28.sp),
        ),
      ),
    );
  }
}