flutter屏幕控制 flutter开屏页

Flutter开发-屏蔽Widget的多点触控行为

Widget类在Flutter中是非常重要的，继承自Widget类的有PreferredSizeWidget、ProxyWidget、RenderObjectWidget、StatefulWidget、StatelessWidget。

对于初学flutter的朋友来说，要知道，flutter的UI万物皆Widget。 flutter所写的页面的结构可以被看成套娃，一层套一层，一层套一层，一层套一层。。

接下来回到 Flutter，Flutter 里最重要的一个概念是 Widget（下面翻译作控件）。 在原生开发里面，我们可能会在界面上区分，这是一个 View，这是一个 Layout，这是一个 View Controller。

在上面的示例中，我们将Widget转换为StatefulWidget，然后提取httpCall（）到initState中，这样问题就解决了 另外，还可以使一个Widget能够在不强迫其子部件也构建的情况下进行重新构建。

flutter中基础的widget，可以为子节点设置内间距。当padding没有child的时候，它会产生一个宽为left+right，高为top+bottom的区域，当padding的child不为空的时候会将约束传递给child。一般在使用间距的地方使用。

Flutter的核心架构与绘制流程Flutter采用分层设计，由Embedder管理平台接口，Engine负责渲染引擎，而Framework则处理UI构建。用户操作触发Widget Tree更新，继而Element Tree构建，RenderObject Tree同步，确保组件布局的高效执行。

Flutter:手把手教你使用滚动型列表组件:ListView

解决方法一：listview 外面添加一个container，并且给定一个指定的高度。

SliverGridDelegate 是一个抽象类，定义了GridView Layout相关接口，子类需要通过实现它们来实现具体的布局算法。

例如如下界面：要实现上图的界面，直接想到是ListView添加Header。

Flutter项目插件整理

1、用于创建 SSH / SFTP 客户端的 Flutter 插件，iOS 端封装了 NMSSH ，Android 端封装了 JSch 。支持 SSH 执行命令、实时 Shell 和基本的 SFTP 操作，同时支持密码或密钥验证。

2、插件入口 https：//pub.flutter-io.cn/packages/sentry 以下是Docker搭建Sentry平台的步骤，请保证每一步执行完成：-启动 Sentry Server，同时添加端口映射。

3、所以在flutter项目中，我们需要构建对应的倍数像素文件夹 之后再pubspec.yaml中，配置assets文件后就可以使用了（如使用assets/images/jay.png，会自动适配该像素下最接近的jay图片）。

4、其实做的事情跟原生封装WebView组件类似。

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

解决flutter在iOS14+真机上的运行问题

因为flutter在release模式下的编译方式是AOT，iOS14+的系统是支持这种编译方式的，具体解决方案如下图 再运行就可以了。

在iOS 14+，调试模式Flutter应用程序只能从Flutter工具，带有Flutter插件的ide或Xcode启动。或者，构建概要文件或发布模式，以支持从主屏幕启动。

解决方案：更改XCode编译模式：使用Release模式编译，这个时候Flutter编译方式为AOT，可正常启动；不更改XCode编译模式：更改Flutter编译配置，强制设置为Release。

iOS项目引入Flutter后，安装Debug包，打开Flutter界面会出现In iOS 14+， debug mode Flutter apps can only be launched from Flutter tooling， IDEs with Flutter plugins or from Xcode问题。

建立一个flutter项目的命令 在ios文件夹下，生成pods文件夹 Xcode环境签名设置；把错误的版本删除再添加，可解决签名错误问题；必须先删除再添加，直接修改可能不起作用。团队开发，必须使用团队的签名。

testflight不可用解决方法如下当通过 TestFlight App 发送反馈，或者通过 Beta 版 App 发送崩溃信息或截屏时，系统会共享以下附加信息如果设备运行的是 iOS 124 或更早版本，则这些信息仅共享给开发者如果设备运行的是。

Android原生和Flutter使用过程的差异对比(一)

1、界面搭建过程中各种大小单位 Android：通常采用dp设置View宽高（和px像素的换算关系是dp值 × density逻辑密度），sp设置字体大小（会随着系统字体设置的大小而改变）。

2、常用布局的对比 使用下来其他组件大致还算方便，但是相对布局而言使用便利程度上Android原生完胜，ConstraintLayout内部的所有子View可以设置互相之间的位置依赖关系。

3、Flutter使用谷歌自己的Skia渲染引擎，而Android系统自带Skia引擎，iOS平台上Flutter也会把Skia引擎打包到APP中，从而实现了高效渲染。而React Native通过桥接层访问原生UI，操作频繁就容易出性能问题。

4、使用dart语言进行开发，支持跨平台，weight渲染直接操作硬件层，体验可媲美原生。但是flutter技术比较新，生态还不完善，开发起来效率相对偏低。

5、从这个角度出发，可以在各个平台使用一个统一接口的绘图引擎来进行界面绘制，这个引擎最终调用的是系统的 API 绘制的。这样的话，它的性能可以做到接近原生，并且又不受原生控件的限制，在不同平台上能够做到 UI 统一。

Flutter笔记(三):设置白色状态栏

1、这种设置状态栏字体颜色的方法仅在手机浅色模式下有效，当用户选择深色（暗黑）模式后，该方法失效，状态栏字体颜色统一变为白色，不可更改。

2、brightness： Brightness.dark 状态栏图标与字体颜色为白色。 brightness： Brightness.light 状态栏图标与字体颜色为黑色。

3、造成该异常的原因是 Uri 默认使用 utf-8 解码超链接字符串，如果链接中包含非 utf-8 字符，就会造成上面的错误，相关 issue 见： issue #31621 。

4、细节方面，还可以注意到左侧的一体式音量按键，Bixby语音键，右侧的电源按键等。目前手机预装的是One UI系统，状态栏针对屏内开孔也做了适配。

5、UI设计和web前端是两个不同的方向，就业前端很不错，前端的平均薪资高于UI设计。UI设计和web前端具体分析如下：【UI设计】：全写User Interface，简称用户界面，是指对软件的人机交互、操作逻辑、界面美观的整体设计。