机遇屋-flutter表单输入框

flutter表单输入框

作者：ych

### 表单输入框案例

```
class InputDemo extends StatefulWidget {
  const InputDemo({Key? key}) : super(key: key);

@override
  State<InputDemo> createState() => _InputDemoState();
}

class _InputDemoState extends State<InputDemo> {
  GlobalKey _key = GlobalKey<FormState>();
  TextEditingController _user=TextEditingController();
  TextEditingController _pass=TextEditingController();
  FocusNode _u=FocusNode();
  FocusNode _p=FocusNode();
  FocusScopeNode _focusScopeNode=FocusScopeNode();

@override
  void dispose() {
    // TODO: implement dispose
    super.dispose();
    _user.dispose();
    _pass.dispose();
    _p.dispose();
    _u.dispose();
    if(_focusScopeNode!=null) _focusScopeNode.dispose();
  }

@override
  Widget build(BuildContext context) {
    return Form(
      key: _key,
      child: Column(
      children: [
        TextFormField(
          autofocus: true,
          focusNode: _u,
          controller: _user,
          onChanged: (v){
            debugPrint(v);
          },
          decoration:const InputDecoration(
            prefixIcon: Icon(Icons.person),
            labelText: "用户名",
            hintText: "用户名或邮箱或手机",
          ),
          validator:(v){
            if(v==null||v.isEmpty){
              return "账号必须输入！";
            }
          },
          textInputAction: TextInputAction.next,
          onFieldSubmitted: (v){
            debugPrint(v);
          },
        ),
        const SizedBox(height: 16,),
        TextFormField(
          focusNode: _p,
          controller: _pass,
          onChanged: (v){
            debugPrint(v);
          },
          decoration:const InputDecoration(
            prefixIcon: Icon(Icons.lock),
            labelText: "密码",
            hintText: "请输入密码",
          ),
          validator:(v){
            if(v==null||v.length<=5){
              return "密码必须输入且大于5！";
            }
          },
          textInputAction: TextInputAction.send,
          obscureText: true,
        ),
        const SizedBox(height: 16,),
        ElevatedButton(
        onPressed:(){
          // if(_focusScopeNode==null){
          //   _focusScopeNode=FocusScope.of(context);
          // }
          // _focusScopeNode.requestFocus(_u);
          // _focusScopeNode.unfocus();
          debugPrint((_key.currentState as FormState).validate().toString());
          },
        child:const Text("提交"),
        ),
      ],
    ),);
  }
}
```

评论区

先去登录

flutter表单输入框

相关推荐

评论区