Flutter 点击空白回收键盘_flutter texteditingcontroller 收回键盘

Flutter 点击空白回收键盘

点击空白回收键盘

代码

/**
 * @Title:
 * @Package
 * @Description: (用一句话描述该文件做什么)
 * @author A18ccms A18ccms_gmail_com
 * @date
 * @version V1.0
 */


import 'package:flutter/material.dart';
import 'package:fluttertestdemo/services/ScreenAdapter.dart';

class RecycleKeyboardPage extends StatefulWidget {
  @override
  RecycleKeyboardPageState createState() => new RecycleKeyboardPageState();
}

class RecycleKeyboardPageState extends State<RecycleKeyboardPage> {



  //用户名输入框控制器 此控制器可以监听用户名输入框的操作
  TextEditingController _telephoneController=new TextEditingController();

  //表单状态
  GlobalKey<FormState> _formKey=GlobalKey<FormState>();

  var _isShowClear=false; // 是否显示输入框尾的清除按钮
  var tel='';




  /*
  * 验证手机号
   */
  String validateTelePhone(value) {
    RegExp exp=RegExp(r'^((13[0-9])|(14[0-9])|(15[0-9])|(16[0-9])|(17[0-9])|(18[0-9])|(19[0-9]))\d{8}$');
    if(value.isEmpty){
      return '手机号不能为空';
    }else if (!exp.hasMatch(value)){
      return '请输入正确手机号';
    }
    return null;
  }



  @override
  Widget build(BuildContext context) {
    ScreenAdapter.init(context);
    return new Scaffold(
        appBar: new AppBar(
          centerTitle: true,
          title: new Text('新用户注册'),
          leading: IconButton(
            icon: Icon(Icons.keyboard_arrow_left,),
            onPressed: () {

            },
          ),
        ),
        body: GestureDetector(
          behavior: HitTestBehavior.translucent,

          onTap: () {
            print("点击了空白区域");
//         _focusNodeTelephone.unfocus();
            FocusScope.of(context).requestFocus(FocusNode());
          },
          child: Container(
            padding: EdgeInsets.all(ScreenAdapter.width(50)),
            child: ListView(
              children: <Widget>[

                SizedBox(height: 60,),

                Form(
                  key: _formKey,
                  child: TextFormField(
                    controller: _telephoneController,
                    keyboardType: TextInputType.number,
                    decoration: InputDecoration(
                      hintText: "请输入密码",
                      border: InputBorder.none,
                      suffixIcon: (_isShowClear)?IconButton(
                        icon: Icon(Icons.clear),
                        onPressed: () {
                          _telephoneController.clear();
                        },
                      ):null,
                    ),
                    // 验证手机号码
                    validator: validateTelePhone,
                    //保存手机号码
                    onSaved: (String value) {
                      this.tel=value;
                    },
                  ),
                ),
                SizedBox(
                  height: 40,
                ),


                RaisedButton(
                  child: Text("下一步"),
                  color: Colors.deepOrange,
                  shape: RoundedRectangleBorder(
                    borderRadius: BorderRadius.circular(20),
                  ),
                  onPressed: () {

                  },
              )
              ],
            ),
          ),
        )
    );
  }
  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    //设置焦点监听
//    _focusNodeTelephone.addListener(_focusNodeListener);

    // 监听手机号的输入改变
    _telephoneController.addListener(() {
      print(_telephoneController.text);
      //监听文本框输入变化，当有内容的时候，显示尾部清除按钮，否则不显示
      if(_telephoneController.text.length>0) {
        _isShowClear=true;
      }else{
        _isShowClear=false;
      }
      setState(() {

      });
    });
  }

  @override
  void dispose() {
    // TODO: implement dispose
    super.dispose();

    _telephoneController.dispose();


  }

  @override
  void didUpdateWidget(RecycleKeyboardPage oldWidget) {
    // TODO: implement didUpdateWidget
    super.didUpdateWidget(oldWidget);
  }

  @override
  void didChangeDependencies() {
    // TODO: implement didChangeDependencies
    super.didChangeDependencies();
  }
}
	
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167

demo

https://gitee.com/wizard-cc/flutter__test_demo.git