Flutter TextField对齐问题解决

Flutter版本:1.12
问题: TextField的hintText对齐 以及TextField相对于父布局对齐
解决方法:
之前因为升级了flutter版本,发现项目里面的部分TextField对齐有问题,这个问题困扰了我很长时间,下面直接上代码


 TextField(
            style: TextStyle(
              fontSize: 18,
              color:Colors.blue,
              textBaseline: TextBaseline.alphabetic, //用于提示文字对齐
            ),
            decoration: InputDecoration(
              isDense: true, //重要 用于编辑框对齐
              contentPadding: EdgeInsets.zero,
              hintText: "我是提示文字",
              border: InputBorder.none, //去除编辑框下划线
              hintStyle: TextStyle(
                  fontSize: BaseConfig.font_h3,
                  textBaseline: TextBaseline.alphabetic, //用于提示文字对齐
                  color: BaseConfig.hintTextColor),
            ),
          ),

其中isDense: true, textBaseline: TextBaseline.alphabetic为重要参数

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值