flutter路由跳转黑屏，flutter 黑屏

flutter加载h5很卡

flutter_webView_plugin ：在iOS中使用的就是原生的WKWebView，所以总体和 native WKWebView 表现差不多。如果是混编项目中，因为它被包了一层，所以页面加载上存在一定的劣势，所以混编项目中仍然推荐使用 WKWebView。

FlutterWebView.m文件：通过以上骚操作，就可以实现webview_flutter在android和ios设备上加载本地html文件了。

第一步：终端：open $HOME/.bash_profile 第二步：关闭，终端：source $HOME/.bash_profile 接着输入：open ~/.zshrc 这样就不用每次重新export路径了，然后重启电脑用Android studio create flutter项目时就可以通过了。

这种方法最常见，但是有些地方引用的话，刷新的成本比较大，刷新的是整个页面，数据太多加载太慢的话，会有闪烁的现象 这种方法类似于iOS中的set方法，通过设置某个属性的时候，去刷新某个控件。

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

相关问答

Q1: flutter跳转原生页面后的穿透问题

1、使用GestureTap 包装组件的时候，子组件使用Expand，点击Expand上有时候不会触发点击事件，这时候在用Container 包装一下，color 设置为 Colors.transparent ，子组件的事件就可以穿透了到父组件了。

2、最后当传入的StackFit.passthrough（穿透状态）时，Stack会将自己父级组件的尺寸约束直接传递给子组件，即保留原有的200x200 ~ 500x500的约束。

3、，页面跳转 原生处理：flutter在iOS中的使用，主要是以FlutterViewController为载体，并在其内部采用FlutterEngine对视图进行渲染。

4、所有Flutter需要有跨结点(只能是祖先后代节点，不能跨兄弟节点)高效传递数据的方案。

5、两个普通页面之间的跳转用()，url可携带参数。普通页面跳tabbar配置过的页面需要()，url不能传值。()万金油跳转，可以跳转任何页面(克服了普通页面跳tabbar配置的页面url不能传值的问题。

6、在现有应用程序中同时管理Native页面和Flutter页面并非易事。 FlutterBoost帮你处理页面的映射和跳转，你只需关心页面的名字和参数即可（通常可以是URL）。

Q2: flutter应用长时间在后台,点开黑屏

1、解决此问题的方法，是把启动页的图片移除，把启动页的图片修改一个新名字，再导入项目中，再重新运行项目，就正常了。

2、解决： 找到 \app\src\main\res\drawable\launch_background.xml 文件，这个里面初始化了布局标签，只需要把图片替换为我们自己的就可以。

3、解决方案：删除IOS工程中的Podfile.lock文件，重新pod install(继续执行Flutter run操作)即可解决。问题原因：没有配置safety相关 解决方案：可以直接在命令行中执行：然后在Additional run args 这行键入一下命令即可。

4、webview在加载页面的时候，有时候会出现黑屏。

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

6、就可以正常在Xcode build 安装到手机了。flutter build ios 后出现：pod install 后出现：解决办法： 这是因为terminal没有走代理的流量， 使用 git config --global http.proxy localhost：port ，设置代理。

Q3: Flutter(六)Android与Flutter混合开发(Hybird)

HybridApp主要以JS+Native两者相互调用为主，从开发层面实现“一次开发，多处运行”的机制，成为真正适合跨平台的开发。HybridApp兼具了NativeApp良好用户体验的优势，也兼具了WebApp使用HTML5跨平台开发低成本的优势。

Hybrid是半Native半Web开发模式，充分利用H5的跨平台、快速迭代能力以及Native的流畅性、系统API调用能力，具有可复用性高、开发成本低、跨平台开发的特点。

自绘一直以来都是游戏界面的势力范围，事实上除开Flutter，其它的框架都是偏游戏开发的。所以Flutter的横空出世，吸引了很大的关注，毕竟这是真正跨平台的唯一可行方案。

混合开发（HybridApp开发），是指在开发一款App产品的时候，为了提高效率、节省成本而利用原生与H5的开发技术的混合应用。通俗点来说，这就是网页的模式，通常由“HTML5云网站+APP应用客户端”两部份构成。

具体来讲ReactNative可以跨Android、iOS、Web、Windows四端，Flutter可以跨Android、iOS、Web、Linux四端，Weex可以跨Android、iOS、Web三端。

第三阶段 NodeJS前端架构及后台开发：版本控制工具、NodeJS核心技术 第四阶段 前端框架：Vuejs全家桶-Vue、React框架-React、微信小程序、Flutter 第五阶段 小程序开发：能够独立开发小程序，提高就业能力，是就业的加分项。

Q4: Flutter状态管理--GetX的简单使用

这里主要讲解 GetxController 的事件监听，包括监听 单个值 、 多个值 等。

但是笔者还是那句话：刚开始接触Flutter的开发者不是很建议使用 GetX ，可以先熟悉下Flutter状态管理的基础原理再行使用。而且为了尽量简洁，还是不引入其他的第三方了。

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

在Tree中从上往下高效传递数据的基类widget ， 定义为：abstract class InheritedWidget extends ProxyWidget Flutter的响应式开发与React类似，数据都是自顶向下的。

目前该 issue 处于 open 的状态，暂时的解决办法是，在所有使用到 queryParameter 的地方用 try..catch 捕捉可能抛出的异常。

关于flutter路由跳转黑屏和flutter 黑屏的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。