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页面拉伸