Flutter项目启动时黑屏解决办法

我的flutter项目是带一个动画启动页的,在真机上开启app时,遇到以下现象:
白屏几秒->黑屏几秒->动画启动页。

研究了很多文献,一直想解决这个问题,目前已经得到了安卓上的解决办法。我先贴一下参考资料:
flutter启动时的背景颜色(不要白屏或黑屏)
Flutter - 给App增加启动屏幕(Splash Screen)并且设置背景颜色
谷歌官方文档,全面解析flutter项目接入android的启动流程

在android端,flutter项目启动时,经历三个过程:显示android启动项activity,再到flutter启动项activity,最后进入flutter项目的第一个页面(我这里是一个lottie动画页面)。黑屏实际上对应的是未设置的flutter启动项activity,知道了原理,解决办法就呼之欲出了。

1.首先,设置android项目里的AndroidManifest.xml文件,主要配置两个注释下面的内容,即meta-data:


    
    
        
            
                
                
            

            
            
            
            
        

        
        
    

2.去 /app/src/main/res/values目录下修改styles.xml文件:



    
    

这里normal_background是一份需要在android\app\src\main\res\drawable路径下新建的xml文件,参照格式如下:




    

    
    
        
    

这里你可以直接置白屏 item android:drawable="@android:color/white",
也可以添加一张png图片,我这里添加的是路径是…/res/mipmap-xxhdpi/naruto.png

到此,黑屏问题就解决了。如果本文对你有帮助的话,我会非常开心。如果以后有什么心得,也请分享给别人。赠人玫瑰,手有余香,加油ヾ(◍°∇°◍)ノ゙

你可能感兴趣的:(flutter开发)