我有一个自定义文本字段小部件。当我给出后缀作为参数时。我在提示文本中看到未对齐。这是您可以查看的代码块。
import 'package:flutter/material.dart';
class CustomTextField extends StatelessWidget {
final String? hintText;
final TextEditingController controller;
final Widget? suffixWidget;
final Widget? suffixIconWidget;
final String title;
const CustomTextField(
{super.key,
required this.title,
this.hintText,
required this.controller,
this.suffixWidget,
this.suffixIconWidget});
@override
Widget build(BuildContext context) {
return Padding(
padding: const EdgeInsets.only(bottom: 20),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
title,
style: const TextStyle(
fontSize: 16,
fontWeight: FontWeight.w400,
color: Color(0xFF696F79)),
),
const SizedBox(
height: 10,
),
SizedBox(
height: 40,
child: TextFormField(
textAlign: TextAlign.left,
controller: controller,
cursorColor: const Color(0xFF035762),
onTapOutside: (event) => FocusScope.of(context).unfocus(),
decoration: InputDecoration(
hintText: hintText,
contentPadding: const EdgeInsets.symmetric(vertical: 0.0)
.copyWith(left: 5),
focusedBorder: const OutlineInputBorder(
borderSide: BorderSide(color: Color(0xFF035762))),
enabledBorder: const OutlineInputBorder(),
suffix: suffixWidget,
suffixIcon: suffixIconWidget),
),
),
],
),
);
}
}
我是这样使用这个小部件的:
CustomTextField(
controller: _nameController,
title: 'Ad*',
hintText: 'Farid Ahmadov',
suffixWidget: IconButton(
onPressed: () {},
icon: const Icon(
Icons.close,
color: Color(0xFF8692A6),
)),
),
我为 TextFormField 的 isDense 和 isCollapsed 参数赋予 true 值,并为 contentPadding 垂直赋予各种值。但是它没有帮助。