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

Question

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

Answer 1

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)),
      ),
    ),
  ),
)