flutter文本框输入问题，flutter textfield

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

一文解决Flutter中使用TextField遇到的各种疑难杂症

一种是使用系统的返回键，比如 android 底部导航自带的返回，另一种是使用导航栏自定义的返回键第一种情况需要在页面根布局使用 WillPopScope 在 onWillPop 中拦截返回处理。

对于金额等的输入，常常要求TextField限制输入为小数，可使用以下约束：但这种限制会有问题，比如可以输入 0.1 这种其实就不是小数了，并且不能限制小数点的输入位数。

TextField样式自带下划线背景，在decoration中设置border： InputBorder.none即可去掉。

显示输入的密码以便用户可以看到实际输入的内容，设置属性 obscureText 为 false ：我们制作了一个简单的Flutter应用，在屏幕中心包含 TextField widget （你也可以使用 TextFormField ）。

相关问答

Q1: Flutter踩坑之旅

1、这是库的地址 PhilipsHue/flutter_reactive_ble： Flutter library that handles BLE operations for multiple devices. (github.com)安卓主要的坑就是，在使用蓝牙功能的时候，需要获取定位权限，这个需要动态获取。

2、最近在做个flutter蓝牙功能，用的flutter_blue，在iOS上没有任何问题，照着例子写完，正常运行蓝牙功能，但是在安卓上发现各种坑，用这个插件首先是有些设备拿不到设备名称，还有就是读写特征和ios上拿到的也不一样。

3、项目环境是flutter开发的，然而阿里云官网并没有flutter相关的SDK，所以选择了集成的插件，这里踩过的坑不多叙述，开始正题。

Q2: 九、Flutter之webview

Flutter的webview常用的第三方库有 flutter_webview_plugin 、 webview_flutter ，后者的文档较少，暂先学习flutter_webview_plugin。

从Android 0（API级别28）开始，默认情况下禁用明文支持。

对普通的组件进行截图的话，使用RepaintBoundary包裹需要截图的组件就行。官方的webivew的层级太高会无法展示按钮，且通过RepaintBoundary截图是空白的。

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

1、点击输入flutter框弹出软键盘时，遮挡本输入框一部分。点击输入框，输入框跟随软键盘自动上移时其他不该移动的内容也跟随上移导致的flutter键盘弹出时listview置底。

2、现在遇到的问题是如果webview中输入密码的话，像华为这种会调用自己的安全键盘，这时候就会黑屏，应该是内部计算键盘高度的问题。

3、问题和解决原理：部分ios手机在收起手机软键盘后，弹起软键盘的位置留白占位。监听输入框失去焦点，窗口回到顶部，迫使界面恢复正常。

Q4: flutter去除Appbar的阴影、键盘遮挡下部输入框

SliverAppBar 控件，一个 MD 的 AppBar 。属性和 AppBar 类似，但做的效果比 AppBar 更加强大。相同的属性具体可以看 Flutter 之 Scaffold 控件，里面有 AppBar 控件的介绍。