我已经创建了一个CustomTextfield并将IconButton放置为后缀图标,

在这里,当我点击图标按钮时,它的开机画面半径显示大于文本字段,

在这里,我想根据它的父级来确定飞溅半径的高度.就像它是在100高的容器里一样……它必须按照它来设置……

以下是我的代码

class CustomTextField extends StatelessWidget {

  final String hint;
  final bool isitpassword;
  final TextEditingController controller;
  const CustomTextField({Key? key,required this.hint,this.isitpassword=false,required this.controller}) : super(key: key);


  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.symmetric(horizontal: 10.0),
      child: Container(
          padding: EdgeInsets.symmetric(horizontal: 20),
          decoration: BoxDecoration(
            color: Colors.grey,
            borderRadius: BorderRadius.circular(20),
          ),

          child: TextField(
            style: TextStyle(
              fontSize: 20,color: Colors.white,),

            controller: controller,
            obscureText: isitpassword,
            decoration: InputDecoration(

              border: InputBorder.none,
              hintText: hint,
              suffixIcon: IconButton(
//what spread radius to set for better view
icon: Icon(Icons.close,color: Colors.white,),onPressed: (){
                controller.text='';
              },),

            ),
          )),
    );
  }
}

推荐答案

您可以使用InkWell,如下所示:它的大小与其父对象的大小相同:

TextField(
        style: TextStyle(
          fontSize: 20,
          color: Colors.white,
        ),
        controller: controller,
        obscureText: isitpassword,
        decoration: InputDecoration(
            border: InputBorder.none,
            hintText: hint,
            suffixIcon: InkWell(
              borderRadius: BorderRadius.circular(100),
              child: Icon(
                Icons.close,
                color: Colors.white,
              ),
              onTap: () {
                controller.text = '';
              },
            )),
      ),

100这个数字并不重要,只要设置一个big数字就可以了.

enter image description here

Flutter相关问答推荐

Flutter 导致底部溢出

遇到图像路径格式问题

使用Future函数的容器中未显示图像,但在使用图像小工具时显示

摆动更改标记可轻敲文本按钮样式

从future 列表到流列表Flutter Firebase

Flutter 中的 setState() 内部是如何工作的?

如何更改Flutter 中文本的混合模式?

如何在flutter中更改showModalBottomSheet小部件中CheckboxListTile小部件的值?

参数类型void Function()无法分配给参数类型void Function(LongPressEndDetails)?

如何给按钮的边框半径?

使用 Play Integrity API 时,Firebase 电话身份验证问题缺少客户端标识符错误

如何让小部件根据小部件的大小构建不同的布局?

Flutter ListView 在 Column 中工作但在 Row 中不工作

如何将 List 转换为 String []?

为什么轮播加载图片很慢?

在 flutter 中自定义 agora 视频通话 UI

Getx Flutter 在更新值时抛出空错误

我可以使用 Future 来填充Text() 小部件而不是在 Flutter 中使用 FutureBuilder 吗?

为什么这个循环只发生一次?Flutter /dart

在Flutter 中将数字转换为印度文字样式