react-native开发Android启动白屏的问题

最新推荐文章于 2024-05-20 15:08:00 发布

codermake

最新推荐文章于 2024-05-20 15:08:00 发布

阅读量1.6k

点赞数

分类专栏： ReactNative 文章标签： android

本文链接：https://blog.csdn.net/qq_28767927/article/details/52223766

版权

ReactNative 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

我们用react-native混合开发，当安卓启动app的时候，会有一段比较长时间的白屏时间，但是ios就不会有这种问题。那么这段时间发生了什么呢？个人推测是由于bundle包加载的原因。网上找了很多demo都没有什么很好的效果，然后自己想了一个取巧的方法。当我们进入MainActivity的时候，我们可以马上加载一个延时消失的view，来掩盖白屏的时间，具体代码也是常用代码，如下：

private View mPopupWindowView;//splash显示的view

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    initView();
}

private void initView() {
    mPopupWindowView = getLayoutInflater().inflate(R.layout.splash_activity, null, false);
    FrameLayout.LayoutParams params = new FrameLayout.LayoutParams(
            FrameLayout.LayoutParams.MATCH_PARENT,
            FrameLayout.LayoutParams.MATCH_PARENT);
    params.gravity = Gravity.CENTER_VERTICAL | Gravity.CENTER_HORIZONTAL;
    addContentView(mPopupWindowView, params);
    new Handler().postDelayed(new Runnable() { 
        @Override
        public void run() {
            mPopupWindowView.setVisibility(View.GONE);
        }
    },3000);
}

代码很普通，只是这个办法用户体验会好很多

当然，还有很多思路，比如MainActivity的oncreat方法里我们跳转到第二个Activity，在第二个activity里显示一个xml布局，然后利用handler来延时finish来回到MainActity。