react-native-splash-screen 图标/启动页切换源码分析

261 阅读1分钟

react-native-splash-screen文档: github.com/crazycodebo…

源码分析

IOS

864FD40C-ED62-4AC0-A0E7-7CE7D6269518.png

启动的时候会调用原生方法show.

BBA0A93F-F24F-4366-9B47-F5A485B56FDF.png 源生方法里对主线程做了阻塞,配合LaunchScreen.storyboard通过或自定义您的启动画面LaunchScreen.xib. 效果是卡住主线程,等待RN线程加载完毕后.在放开阻塞.

19DE5104-2653-42EB-8854-90E7C02CD23D.png ps: 第二种IOS策略是直接在根页面上给视图覆盖图层.

50B3638B-F66C-4529-9DE8-2B9A2C635B75.png

android

ADAF7E38-4DAA-4B9E-8E07-02D122EB110D.png android会在源生里面启动调用后,通过添加dialog的方式,添加内容.

获取当前的activity,加载资源文件里的启动页.

D32452F8-DCCE-47E7-B3E3-21B1B373E00B.png