Flutter（11）：基础组件之AppBar

类似于安卓里面的ToolBar，可以设置title，左右action，右边可以实现action聚合，底部可以防止tabBar，大概结构如下：

创新互联2013年至今，先为洮南等服务建站，洮南等地企业，进行企业商务咨询服务。为洮南企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

这个默认情况下都是返回键，如果设置了策划栏就是变为打开侧滑栏，当然也可以自定义一个按钮

这个可以放普通的widget也可应使用 PopupMenuButton 来显示为三个点做功能聚合，比如我们按一个关注按钮跟一个更多按钮，更多里面是邮件、搜索功能

这个一般是用来实现tanBar的，关于tabBar的详细使用会在后面的文章单独在介绍

下一节基础组件之FlutterLogo、Placeholder

Flutter点击返回键，回到桌面，但不退出APP的实现

只有Android手机上才会有返回APP的操作，所以以下所说的是针对Flutter的Android平台上开发，现在flutter的版本已经升级到1.22.0以上了，很多旧方法都不能用了，网络上有很多案例都是针对旧的flutter版本，所以我这边就做过新版本的该功能，方便大家参考一下

这是新旧flutter编写返回到桌面的最大区别，以前可以在MainActivity直接编写能用的插件，但是现在不行了，很多方法都没有了，因此，我们需要新启一个插件 app_util_plugin，编写网上有很多教程，这里就不在赘述了

插件模块

编写插件调用方法

在main.dart监听系统返回键，当时调用系统返回键时，将它拦截下来，再调用插件中的返回桌面的方法，这样就可以不用退出APP，就可以回到桌面了

整个过程很简单，希望可以帮到flutter 的初学者们

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

可以使用 SingleChildScrollView 包裹布局

这里还需要了解一个 Scaffold 中的一个属性 resizeToAvoidBottomInset

官方文档给出的解释就是处理键盘遮挡问题，默认是 true，如果不希望顶起需要设置为 false。

在 sdk 低版本的时候是使用 resizeToAvoidBottomPadding 需要将其设置为 false，现在已经弃用。但网上很多文章还没有改正，仍然用的 resizeToAvoidBottomPadding。

分两种情况

一种是使用系统的返回键，比如 android 底部导航自带的返回，

另一种是使用导航栏自定义的返回键

第一种情况需要在页面根布局使用 WillPopScope 在 onWillPop 中拦截返回处理。

原理都是通过判断输入框是否获取了焦点

当底部有固定的组件，比如提交按钮，我们在键盘弹起的时候希望按钮贴着键盘顶部固定，但是中间滚动视图可以自由滚动

可以在 SingleChildScrollView 外部再使用 Stack 包裹，悬浮按钮使用 Positioned 定位，

还要⚠️注意要给滚动组件底部留出距离防遮挡，同时还有动态加上 bottomBar 的高度，因为在 iphoneX 以上的手机，会有个虚拟按键，如果不加上该按键高度，同样会被遮挡

高度获取方法： MediaQuery.of(context).padding.bottom

在 showDialog 布局中使用 Scaffold 包裹，不要忘了将 backgroundColor 设为透明。

如果弹窗过高，还是需要将高度固定，然后使用 SingleChildScrollView ，弹窗中同样也可以在执行关闭的时候拦截，判断键盘是否弹起，如果弹起则要先关闭键盘。

给所有输入框绑定 FoucusNode

在 maxLines=1 的情况下，输入框不支持换行，换行按钮会变成 done

监听 onEditingComplete 方法

根布局使用 GestureDetector 或者 InkWell 包裹，点击的时候收起键盘。

最后要记得销毁

Flutter开发之Android物理按键返回

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

使用步骤如下：

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

2、引用插件

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

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

当前名称：flutter返回键,flutter 输入框
网址分享：http://chengdu.cdxwcx.cn/article/phjhsd.html