flutter TextField输入框prefix和suffix如何不获取焦点也能显示?

作者站长头像
站长
· 阅读数 7

flutter TextField输入框prefix和suffix如何不获取焦点也能显示?我有一个手机验证码登录的页面,手机号前面默认显示+86,验证码输入框后面默认显示获取验证码?使用prefix和suffix都必须获取焦点才能显示,请问如何能实现这个需求。

回复
1个回答
avatar
test
2024-07-01
TextField(
  decoration: InputDecoration(
    prefixIcon: Padding(
      padding: EdgeInsets.all(0.0),
      child: Text('+86', style: TextStyle(color: Colors.grey)),
    ),
    suffixIcon: Padding(
      padding: EdgeInsets.all(0.0),
      child: FlatButton(
        onPressed: () {
          //获取验证码的代码
        },
        child: Text('获取验证码', style: TextStyle(color: Colors.blue)),
      ),
    ),
  ),
)
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容