欢迎您光临深圳塔灯网络科技有限公司!
电话图标 余先生:13699882642

网站百科

为您解码网站建设的点点滴滴

Flutter闪屏页添加

发表日期:2019-01 文章编辑:小灯 浏览次数:2415

之前做android的时候就需要解决白屏问题,按照如下方式:
给启动页的activity设置style:

<style name="FullscreenStyle" parent="xxx"> <item name="android:windowFullscreen">true</item> <item name="windowNoTitle">true</item> <item name="android:windowBackground">@drawable/launch_image</item> </style> 

然后在drawable放置一张全屏的图片launch_image。
使用flutter以后就考虑是否能有相同的方式解决,所幸找到了,而且flutter本身已经做好了,我们只需要添加下图片即可。
参考来源:https://stackoverflow.com/questions/43879103/adding-a-splash-screen-to-flutter-apps
验证过android平台,这里记录下:
把我们的图片launch_image放置到对应的mipmap尺寸下;
然后把drawable/launch_background.xml的注释放开,变成如下:

<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@android:color/white" /><!-- You can insert your own image assets here --><item> <bitmap android:src="@mipmap/launch_image" /> </item> </layer-list> 

这里可以看到我把android:gravity="center"给去掉了,因为我这里是需要一个全屏的启动页,而且如果尺寸不是合适的会拉伸到全屏。如果只是放置一个logo,可以加上然后设置下背景色即可。
另外如果是说启动页还有其他元素,那么正常的在main.dart里面添加启动页UI和跳转主页的逻辑就好了。


本页内容由塔灯网络科技有限公司通过网络收集编辑所得,所有资料仅供用户学习参考,本站不拥有所有权,如您认为本网页中由涉嫌抄袭的内容,请及时与我们联系,并提供相关证据,工作人员会在5工作日内联系您,一经查实,本站立刻删除侵权内容。本文链接:https://dengtar.com/17546.html
相关APP开发
 八年  行业经验

多一份参考,总有益处

联系深圳网站公司塔灯网络,免费获得网站建设方案及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:余经理:13699882642

Copyright ? 2013-2018 Tadeng NetWork Technology Co., LTD. All Rights Reserved.