|
|
import 'package:aku_new_community/base/base_style.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';
|
|
|
|
|
|
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),
|
|
|
),
|
|
|
),
|
|
|
);
|
|
|
}
|
|
|
}
|
