Flutter TextField 确认可以使用

class RobotEditText extends StatelessWidget {
  final TextEditingController _controller = TextEditingController();

  RobotEditText({super.key});

  
  Widget build(BuildContext context) {
    return TextField(
      cursorWidth: 5/ratio,
      style: TextStyle(
        height: 1,
        color: Colors.black, // 设置 hint 文字颜色为灰色
        fontSize: 24 / ratio, // 设置 hint 文字大小
      ),

      controller: _controller, // 绑定 controller
      decoration: InputDecoration(
        focusedBorder: const OutlineInputBorder(
          borderSide: BorderSide(
            color: Colors.transparent,
            width: 1.0 / ratio,
          ), // 聚焦时边框为蓝色
        ),
        enabledBorder: const OutlineInputBorder(
          borderSide: BorderSide(
            color: Colors.transparent,
            width: 1.0 / ratio,
          ), // 聚焦时边框为蓝色
        ),

        border: OutlineInputBorder(
          borderSide: const BorderSide(
            color: Colors.transparent,
            width: 1.0 / ratio,
          ),
          borderRadius: const BorderRadius.all(Radius.circular(10 / ratio)),
        ),
        // Optional: Add a border for clarity
        filled: true,
        fillColor: MyBlack.withOpacity(0.05),
        contentPadding: EdgeInsets.symmetric(
          horizontal: 20 / ratio,
          vertical: 0.0,
        ),
        // Adjust padding
        // contentPadding: EdgeInsets.symmetric(vertical: 4, horizontal: 12), // 设置顶部和底部的内边距为 0
        hintText: '请输入',
        hintStyle: TextStyle(
          color: Colors.grey, // 设置 hint 文字颜色为灰色
          fontSize: 24 / ratio, // 设置 hint 文字大小
        ),
      ),
    );
  }
}

使用 :

class MyCustomForm extends StatelessWidget {
  const MyCustomForm({super.key});

  
  Widget build(BuildContext context) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: <Widget>[
        Padding(
          padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 8),
          child:
          SizedBox(width: 374/ratio,
              height: 44/ratio,
              child:
              RobotEditText()),
        ),
      ],
    );
  }
}

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值