扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
之前试过 flutter doctor , 看看有哪些配置上的原因, 发现没有任何问题, 很完美
成都创新互联专注于企业营销型网站、网站重做改版、同江网站定制设计、自适应品牌网站建设、H5场景定制、商城网站建设、集团公司官网建设、外贸网站制作、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为同江等各大城市提供网站开发制作服务。
然后又试了 flutter clean , 发现还是不奏效.
于是在网上用 flutter白屏 作为关键字查询, 发现很多文章都没什么用, 但是还是被我找到了解决方案:
先在安卓Studio中调出终端, 然后输入命令:
flutter run --enable-software-rendering
此时, 再点击 Run , 在iOS端就不会白屏了!
使用flutter_webview_plugin 加载一个H5页面,是从dart页面中跳转h5页面,h5页面中可返回dart页面,也可跳转到其他dart页面。
经测试,在Android上可正常使用,但在ios上关闭web页面时显示白屏,web页面并没有close,还没找到原因。。。
优化点1:使用 builder构建列表
当你的列表元素是动态增长的时候(比如上拉加载更多),请不要直接用children 的方式,一直往children 的数组增加组件,那样会很糟糕。对于 ListView.builder 是按需构建列表元素,也就是只有那些可见得元素才会调用itemBuilder 构建元素,这样对于大列表而言性能开销自然会小很多。
优化点2:禁用 addAutomaticKeepAlives 和 addRepaintBoundaries 特性
这两个属性都是为了优化滚动过程中的用户体验的。
addAutomaticKeepAlives 特性默认是 true,意思是在列表元素不可见后可以保持元素的状态,从而在再次出现在屏幕的时候能够快速构建。这其实是一个拿空间换时间的方法,会造成一定程度得内存开销。可以设置为 false 关闭这一特性。缺点是滑动过快的时候可能会出现短暂的白屏(实际会很少发生)。
addRepaintBoundaries 是将列表元素使用一个重绘边界(Repaint Boundary)包裹,从而使得滚动的时候可以避免重绘。而如果列表很容易绘制(列表元素布局比较简单的情况下)的时候,可以关闭这个特性来提高滚动的流畅度。
优化点3:尽可能将列表元素中不变的组件使用 const 修饰
使用 const 相当于将元素缓存起来实现共用,若列表元素某些部分一直保持不变,那么可以使用 const 修饰。
优化点4:使用 itemExtent 确定列表元素滚动方向的尺寸
对于很多列表,我们在滚动方向上的尺寸是提前可以根据 UI设计稿知道的,如果能够知道的话,那么使用 itemExtent 属性制定列表元素在滚动方向的尺寸,可以提升性能。这是因为,如果不指定的话,在滚动过程中,会需要推算每个元素在滚动方向的尺寸从而消耗计算资源。
Flutter ListView 的4个优化要点,非常实用哦!实际上,这些要点都可以从官网的文档里找出对应得说明。因此,如果遇到了性能问题,除了搜索引擎外,也建议多看看官方的文档。
最近突然无法在as上直接跑ios真机,app在iPhone上跑到开机动画,然后等了一会就结束 报错Error launching application on xxxx
我的解决办法
将Flutter module 嵌入到原生做混合开发时,遇到一个奇怪现象,模拟器能正常跑起来,但一运行到真机,进入到flutter模块就直接白屏。
通过查看控制台打印的log,发现了如下错误信息:
搜索最后一条信息 Could not launch engine with configuration 时看到网上给出了对应的答案:
尝试了对应的方案,无果。
接着搜索第一条信息 Can't load Kernel binary: Invalid SDK hash ,总算是找到了对我有用的答案:
问题的根源就是在于我本地存在多个Flutter SDK版本,当时同一个项目需要切换不同版本时,进行对应的套件安装估计出了问题,所以就导致我在运行项目时无法正常显示。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流