43 lines
1.3 KiB
Dart
43 lines
1.3 KiB
Dart
import 'package:flutter/material.dart';
|
|
|
|
class PhoneInputField extends StatelessWidget {
|
|
final Function(String?) onSaved;
|
|
final String? Function(String?)? validator;
|
|
|
|
const PhoneInputField({
|
|
super.key,
|
|
required this.onSaved,
|
|
this.validator,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
const SizedBox(height:20),
|
|
// 显示“手机号”文本
|
|
const Text(
|
|
'手机号',
|
|
style: TextStyle(color: Colors.white, fontSize: 16),
|
|
),
|
|
// 手机号输入框
|
|
TextFormField(
|
|
autofocus: true,
|
|
keyboardType: TextInputType.phone,
|
|
decoration: InputDecoration(
|
|
hintText: "请输入手机号",
|
|
hintStyle: TextStyle(color: Colors.white.withOpacity(0.5),fontSize: 14,), // 提示文字颜色
|
|
border: const UnderlineInputBorder(), // 只显示下划线
|
|
focusedBorder: const UnderlineInputBorder(
|
|
borderSide: BorderSide(color: Colors.white), // 聚焦时下划线颜色
|
|
),
|
|
),
|
|
style: TextStyle(color: Colors.white.withOpacity(0.5), fontSize: 14,),
|
|
validator: validator,
|
|
onSaved: onSaved,
|
|
),
|
|
],
|
|
);
|
|
}
|
|
} |