Flutter遮挡，flutter 键盘遮挡输入框问题

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

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

正常情况下是不会有什么问题，但是当用户在点击了 FloatingActionButton 之后，又马上点击了 AppBar 返回退出应用，这时候就会出现以下的错误提示。

那么就只能使用其他方式设置主题为白色。即为设置 此时我们可以看到App的状态栏如下所示（Android）虽然AppBar变成了白色，但是状态栏是灰色显然不是我们想要的。

本次主要是记录Fultter Theme主题的设备与AppBar中的一些属性的使用及说明。目前项目开发有了四个界面。前期主题没太注意，今天看来要好好总结一下近期所学。

相关问答

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

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

2、也就是Widget会被重建，重建时原有的状态不会自动恢复，里面的文字自然就消失了，解决方法是把flutterlistviewitem封装成一个StatefulWidget，然后用AutomaticKeepAliveClientMixin来保证TextField不会被回收。

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

4、常用的基础控件有 Text、TextField、Button、Image 等。 功能控件 在Flutter 里还有一类控件，它们不影响 UI 布局，但带有一些特定的功能，比如页面跳转、事件监听、定义主题等。我们把这一类控件称作功能控件。

5、好在官方有个工具**json_serializable**可以自动生成这块转换代码，也解决了flutter界json转模型的空缺。当然，业界也有专门解析json的网站，可以自动生成dart代码，使用者在生成后复制进项目中即可，也是非常方便的。

Q2: Android图形渲染原理上

1、CPU负责计算需要渲染的数据，把计算好的数据交给GPU，GPU会对图形数据进行渲染，渲染好后放到buffer(图像缓冲区)里存起来，然后Display（屏幕或显示器）负责把buffer里的数据呈现到屏幕上。

2、渲染缓冲对象(RBO) 是一种图像表面，它是专门为了绑定到 FBO 而设计的。它可以是一个颜色表面、模板表面、或者深度/模板组合表面。也是一个缓冲，它可以是一堆字节、整数、像素或者其他东西。

3、文件：/ frameworks / base / core / jni / android_view_ThreadedRenderer.cpp 能看到实际上就是调用RenderProxy的setName方法给当前硬件渲染对象设置名字。

4、好处：Android系统应用程序的界面可以通过CPU或者GPU来进行渲染，由于GPU在处理图形方面比CPU更快且效果更好，强制使用GPU渲染会充分地利用你手机的GPU，而不是只在玩游戏时才使用GPU。

Q3: Flutter笔记-调用原生IOS高德地图sdk

将Flutter模块嵌入到现有iOS应用程序中有两种方式：此方法需要所有的相关开发的人员安装 Flutter 环境。需要在my_flutter文件夹下执行一下 把.ios和.android等flutter配置生成出来。

您可以使用Flutter为iOS、Android和其他不太流行的移动平台创建跨平台的移动应用程序。 平心而论，就目前而言，这是为FuchsiaOS开发应用程序的唯一途径。 优点：Flutter自带图形引擎，这意味着无需为iOS和Android分别制作界面。

Flutter 开发非常依赖各种官方或第三方的插件，而在使用这些插件时多少都会遇到一些问题，大部分问题都可以通过搜索和查找 issue 来解决。这里记录下一些我在使用部分插件时遇到的问题及其解决方法。

但是苦于能力有限，对Android的不熟悉，最后折戟。我不得已另起项目，然后重新实现地图sdk接入。

target FlutterHybridiOS do install_all_flutter_pods(flutter_application_path)end 接着在工程根目录下运行 pod install ，即可集成上 Flutter Module。看到我们的 Pods 中多了以下几个模块，即说明集成成功。

关于Flutter遮挡和flutter 键盘遮挡输入框问题的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。