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还是不好搞，但是还好都有解决办法，继续才坑吧！！