如何停止提示文本未对齐?

问题描述 投票:0回答:1

我有一个自定义文本字段小部件。当我给出后缀作为参数时。我在提示文本中看到未对齐。这是您可以查看的代码块。

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 垂直赋予各种值。但是它没有帮助。

flutter dart
1个回答
0
投票

如果我用 suffixIconWidget 替换 suffixWidget 那么我看不出任何问题。

© www.soinside.com 2019 - 2024. All rights reserved.