ar_tourism_flutter_unity/lib/components/nameInput.dart
2025-05-14 17:04:13 +08:00

44 lines
1.3 KiB
Dart

import 'package:flutter/material.dart';
class NameInputField extends StatelessWidget {
final Function(String?) onSaved;
final String? Function(String?)? validator;
const NameInputField({
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.text,
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,
),
],
);
}
}