React Native 启动白屏之坑

0、React Native Android 启动白屏的原理

看这篇文章就会知道 白屏的原理,首先文章中提到用一个第三方插件,就是这个插件,github地址.

1、第一坑

首先安装github上面步骤安装,然后启动会发现 crash现象,查看log会发现出现以下错误

Could not get BatchedBridge, make sure your bundle is packaged correctly

解决办法:在项目根目录下面执行下面命令

react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

然后就可以启动了!

2、第二坑

按照github上面说的,启动了splash页面,但是关闭不了即使调用了SplashScreen.hide();
解决办法:在MainActivity中 加上下面代码

handler.postDelayed(new Runnable() {
            @Override
            public void run() {
                SplashScreen.hide(activity);
            }
        }, 2000);

3、结束语

优化一个启动页面就那么麻烦,可见RN还是不好搞,但是还好都有解决办法,继续才坑吧!!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容