flutter 创建项目、应用图标、启动页

最新推荐文章于 2025-09-24 13:42:43 发布

原创

最新推荐文章于 2025-09-24 13:42:43 发布 · 置顶 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android #ios #flutter

本文介绍了Flutter项目的创建，包括通过Android Studio和命令行两种方式。详细讲解了Android和iOS应用图标的尺寸要求，并展示了图标运行效果。此外，探讨了Android启动页的实现，解决启动时的黑白问题，以及iOS启动页的尺寸配置。同时指出Flutter在启动页处理上的挑战，尤其是状态栏透明与字体颜色的调整。

疫情刚好静下心来回归过去的工作，博主要开始学习flutter，博主会边学习边实战项目连续连贯实现，大约一周会出一篇，源码地址,开源不易，麻烦动手点星，谢谢，本开源不做商业使用，里面涉及用到api接口资源等只供学习，项目开发会分博客文章，请点击链接到对应的文章中浏览，建议其实万变不离其中，说到底还是离不开原生，学习之前往补充原生知识，本片主要讲的是创建项目、应用图标、启动页，再次感谢大家能耐心观看，谢谢！

1 创建项目

1.1 studio 创建项目

在这里插入图片描述
这里要注意不要大写不支持哦

到这一步就说明创建成功了，记得这个地方有个坑，
2.1flutter run卡在Running Gradle task ‘assembleDebug’…，请查看解决运行不起来

1.2 flutter 命令创建项目

//创建项目
flutter create myapp
//检查设备
flutter devices
//运行命令
flutter run
//打开ios模拟器
open -a Simulator

2 应用图标

2.1 安卓、ios图标对比

在这里插入图片描述

2.2 安卓尺寸详解

安卓应用图标尺寸对应适配，请大家做flutter补一下这些基础知识，做一个精品app所必须技能。
在这里插入图片描述

2.3 ios尺寸详解

以下是ios所对应，请大家做flutter补一下这些基础知识，做一个精品app所必须技能。
在这里插入图片描述

对应项目配置图标文件
在这里插入图片描述

 {
   
   
      "size" : "20x20",//尺寸大小
      "idiom" : "iphone",//对应设备
      "filename" : "Icon-20@2x.png",//对应图片文件名称
      "scale" : "2x"//size*scale=图标的大小
    },