用户登录

应用在启动的时候会先显示一个启动屏幕,下面我们去定制一下应用在 iOS 平台上的这个启动屏幕。先打开项目里的 ios 目录下面的 Runner.xcworkspace。

选中 Runner 目录下面的 Assets.xcassets,Flutter 项目给我们在这里准备了一个 LaunchImage ,默认是空白的图像。下面可以在电脑上找到想要作为启动屏幕用的图像,选中它,然后直接把它拖放到这个 LaunchImage 里面,你可以分别准备 1 倍,2 倍还有 3 倍的图像。这里我们为了方便可以直接复制两份,分别放在 2x 还有 3x 这里。

下面可以再准备一个应用小图标资源,然后这几个小图标,这里它有三个版本,1 倍大小,2 倍大小,还有 3 倍大小的小图标,选中它们,然后拖放到 Assets.xcassets 里面。

Flutter 给我们准备了一个 LaunchScreen.storyboard,默认项目会使用它作为应用的 Launch Screen,打开这个 storyboard,在它里面用了一个 Image View,显示的图像就是 Assets.xcassets 里的那个 LaunchImage,你可以调整一下图像的位置。

在这个图像上面可以再添加一个应用标志,按一下 command + shift + L ,搜索 Image,添加一个 Image View,打开尺寸检查器,设置一下这个 View 的宽度还有高度,都把它设置成 96,可以再调整一下这个 Image View 的位置。

在属性检查器这里,给这个 Image View 选择一个 Image,用一下这个 app-logo-light 。 再打开尺寸检查器,设置一下 Autoresizing。 这样我们就设置好了应用的启动屏幕。

回到项目,运行一下调试。现在应用在启动的时候,会先显示一个启动屏幕。

应用启动屏幕(iOS)《 Flutter 2:发布应用 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点