Flutter Boost 接入实践(iOS 篇)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Flutter Boost 接入实践(iOS 篇)相关的知识,希望对你有一定的参考价值。

参考技术A 本文将简单梳理一下 ios 工程接入的 Flutter Boost 的流程,以作为前文的补充。

flutter_application_path = '../flutter_module'
load File.join(flutter_application_path, '.ios', 'Flutter', 'podhelper.rb')

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

这一块直接参照 Flutter Boost 官方提供的 example 就好了:

https://github.com/alibaba/flutter_boost/blob/master/example/ios/Runner/PlatformRouterImp.hgithub.com/alibaba/flutter_boost/blob/master/example/ios/Runner/PlatformRouterImp.h

PlatformRouterImp.h:

PlatformRouterImp.m:

可以看到,Flutter Boost 支持常规 push,也支持打开模态弹窗,也支持手动 pop。

AppDelegate.h:

AppDelegate.m:

同样的,这里可在 Native 端用两种不同的方式去打开我们在 Flutter Module 中注册好的路由名。

至此,我们成功在 iOS 工程中接入了 Flutter Boost,那就开启我们的混编之旅吧~

关于 flutter_boost ios navbar隐藏导致flutter页面拉伸

1、从native页面进入flutter的时候隐藏navigationbar
2、从flutter页面进入native展示navigationbar
3、从native页面再次退回到flutter页面,隐藏navigationbar,这个时候flutter页面就拉伸了 ,拉伸之后恢复原来的样子

一定要去原生页面隐藏和打开navbar,这样就不会拉伸了

以上是关于Flutter Boost 接入实践(iOS 篇)的主要内容,如果未能解决你的问题,请参考以下文章

Flutter - 将 Flutter 集成到现有项目(iOS - Framework篇)

关于 flutter_boost ios navbar隐藏导致flutter页面拉伸

关于 flutter_boost ios navbar隐藏导致flutter页面拉伸

Flutter3引用原生播放器-Android篇

关于 Flutter IOS混合开发打包Framework集成到原生IOS工程 和 flutter_boost使用

flutter_boost在iOS端的简单使用