flutter按键,flutter 监听键盘弹出

flutter中关于软键盘弹起导致的问题

原因：在flutter中，键盘弹起时系统会缩小Scaffold的高度并重建

创新互联公司-专业网站定制、快速模板网站建设、高性价比江津网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式江津网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖江津地区。费用合理售后完善，10多年实体公司更值得信赖。

1）把Scaffold的resizeToAvoidBottomInset属性设置为false，这样在键盘弹出时将不会resize

2）把写死的高度改为 原高度 - MediaQuery.of(context).viewInsets.bottom ，键盘弹出时布局将重建，而这个 MediaQuery.of(context).viewInsets.bottom 变量在键盘弹出前是0，键盘弹起后的就是键盘的高度

将输入框放进可滚动的Widget中即可，当输入框获取焦点后，系统会自动将它滑动到可视区域

Flutter去除底部虚拟按键方法

在Scaffold中加入这一行 resizeToAvoidBottomPadding:false

网上有这个方法SystemChrome.setEnabledSystemUIOverlays([]); 去除顶部和底部，但是在小米4平板上底部还是有灰色的高度，加上上边的方法就好了 

【Flutter】按钮与文本（三）

此控件比较简单，按钮的功能可划分为UI样式与事件回调

这里将几种不同的按钮一起运行，做下对比动图如下：

这里对五种按钮进行column居中排列如下

Text用于显示简单样式文本，它包含一些控制文本显示样式的一些属性。

TextStyle用于指定文本显示的样式如颜色、字体、粗细、背景等。

TextStyle更多属性设置如下：

如果我们需要对一个Text内容的不同部分按照不同的样式显示，即富文本，这时就可以使用TextSpan，它代表文本的一个“片段”。

如上述，我们当然也可以在上述链接上添加手势事件，后续会提到。

在widget树中，文本的样式默认是可以被继承的，因此，如果在widget树的某一个节点处设置一个默认的文本样式，那么该节点的子树中所有文本都会默认使用这个样式，而DefaultTextStyle正是用于设置默认文本样式的。

举例如下：

Flutter开发之Android物理按键返回

在flutter开发过程中，发现Android手机在App首页点击物理返回按钮时，App会退出并且再次点开App时会重新启动，这代表了上次的退出直接杀死了App,和我们平常的退到手机桌面不同，所以开发了一个单独插件来处理这种情况。

使用步骤如下：

1、pubspec.yaml文件中引入依赖

2、引用插件

3、使用插件来退出App到桌面，并且保持App后台运行

可根据实际情况在_onWillPop方法中处理相关逻辑，比如连续两次点击物理返回按钮才退出到桌面等。

Flutter TextField 文本输入框的基本属性及详解

源码分析：

分析源码可得，TextField 是有状态 StatefulWidget，有丰富的属性，自定义化较高，实践中需要合理利用各种回调；

1、光标的相关属性；cursorColor 为光标颜色，cursorWidth 为光标宽度，cursorRadius 为光标圆角；其中 Radius 提供了 circle 圆角和 elliptical 非圆角两种；

2、textAlign 为文字起始位置，可根据业务光标居左/居右/居中等；注意只是文字开始方向；textDirection 问文字内容方向，从左向右或从右向左；

3、maxLength 为字符长度，设置时默认是展示一行，且右下角有编辑长度与整体长度对比；与 maxLengthEnforced 配合，maxLengthEnforced 为 true 时达到最大字符长度后不可编辑；为 false 时可继续编辑展示有差别；

4、设置 maxLength 之后右下角默认有字符计数器，设置 TextField.noMaxLength 即可只展示输入字符数；

5、maxLines 为允许展现的最大行数，在使用 maxLength 时内容超过一行不会自动换行，因为默认 maxLines=1，此时设置为 null 或固定展示行数即可自动换行；区别在于 null 会展示多行，而 maxLines 最多只展示到设置行数；

6、obscureText 是否隐藏编辑内容，常见的密码格式；

7、enableInteractiveSelection 长按是否出现【剪切/复制/粘贴】菜单；不可为空；

8、keyboardAppearance 为键盘亮度，包括 Brightness.dark/light 两种，但仅限于 iOS 设备；

9、textCapitalization 文字大小写；理论上 sentences 为每句话第一个字母大写；characters为每个字母大写；words 为每个单词首字母大写；但该属性仅限于 text keybord，和尚在本地更换多种方式并未实现，有待研究；

10、keyboardType 为键盘类型，和尚理解整体分为数字键盘和字母键盘等；根据设置的键盘类型，键盘会有差别；

a. 数字键盘

--1-- datetime 键盘上可随时访问 : 和 /；

--2-- phone 键盘上可随时访问 # 和 *；

--3-- number 键盘上可随时访问 + - * /

b. 字母键盘

--1-- emailAddress 键盘上可随时访问 @ 和 .；

--2-- url 键盘上可随时访问 / 和 .；

--3-- multiline 适用于多行文本换行；

--4-- text 默认字母键盘；

11、textInputAction 通常为键盘右下角操作类型，类型众多，建议多多尝试；

12、autofocus 是否自动获取焦点，进入页面优先获取焦点，并弹出键盘，若页面中有多个 TextField 设置 autofocus 为 true 则优先获取第一个焦点；

13、focusNode 手动获取焦点，可配合键盘输入等减少用户操作次数，直接获取下一个 TextField 焦点；

14、enabled 设为 false 之后 TextField 为不可编辑状态；

15、decoration 为边框修饰，可以借此来调整 TextField 展示效果；可以设置前置图标，后置图片，边框属性，内容属性等，会在后续集中尝试；若要完全删除装饰，将 decoration 设置为空即可；

16、inputFormatters 为格式验证，例如原生 Android 中通常会限制输入手机号或其他特殊字符，在 Flutter 中也可以借此来进行格式限制，包括正则表达式；使用时需要引入 package:flutter/services.dart；

a. LengthLimitingTextInputFormatter 限制最长字符；

b. WhitelistingTextInputFormatter 仅允许输入白名单中字符；如 digitsOnly 仅支持数字 [0-9]；

c. BlacklistingTextInputFormatter 防止输入黑名单中字符；如 singleLineFormatter 强制输入单行；

分析源码 RegExp("[/]") 可以设置正则表达式；

17、onChanged 文本内容变更时回调，可实时监听 TextField 输入内容；

18、controller 文本控制器，监听输入内容回调；

19、onTap 点击 TextField时回调；

20、onEditingComplete 在提交内容时回调，通常是点击回车按键时回调；

21、onSubmit 在提交时回调，不可与 onEditingComplete 同时使用，区别在于 onSubmit 是带返回值的回调；

问题小结：

当 TextField 设置 enableInteractiveSelection 属性后长按会出现菜单，默认为英文，可通过设置 Flutter 国际化来处理；

（1）在 pubspec.yaml 中集成 flutter_localizations；

2）在 MaterialApp 中设置本地化代理和支持的语言类型；

（1）将 maxLength 设置为 null 仅使用 LengthLimitingTextInputFormatter 限制最长字符；

（2）设置 InputDecoration 中 decoration 属性为空；但是底部有空余，只是隐藏而并非消失；

Flutter textField随着键盘弹出升高，点击空白处收回键盘

1、Flutter中的textField要想实现随着键盘弹出自动升高，必须要在Scaffold中，如下所示

2、如果textfield位置比较下面或者小屏幕时，在键盘弹出的时候导致溢出bug

这时候可以嵌套一层SingleChildScrollView（具体嵌套位置可以根据需要调整），如下所示

效果如下：

3、点击空白处收起键盘，直接嵌套一层GestureDetector即可，嵌套位置可以在Scaffold的body层，可以自己调整。

分享名称：flutter按键,flutter 监听键盘弹出
标题网址：http://6mz.cn/article/dsdcdpo.html