aku_new_community/lib/pages/sign/widget/tel_text_field.dart

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

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

import 'package:aku_new_community/base/base_style.dart';

class TelTextField extends StatefulWidget {
  final TextEditingController controller;
  final Function(String) onChange;
  const TelTextField(
      {Key? key, required this.controller, required this.onChange})
      : 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,
        onChanged: widget.onChange,
        style: TextStyle(
          color: Colors.black.withOpacity(0.85),
          fontSize: 32.sp
        ),
        cursorColor: kPrimaryColor,
        decoration: InputDecoration(
          isDense: true,
          border: InputBorder.none,
          prefixIcon: Padding(
            padding:  EdgeInsets.only(left: 24.w),
            child: '+86｜'.text.black.make(),
          ),
          prefixIconConstraints: BoxConstraints(minHeight: 0,minWidth: 0),
          contentPadding: EdgeInsets.symmetric(vertical: 30.w),
          hintText: '点击输入手机号',
          hintStyle:
              TextStyle(color: Colors.black.withOpacity(0.25), fontSize: 28.sp),
        ),
      ),
    );
  }
}