1.请确保你使用的是一台mac电脑,黑苹果也可,因为需要使用到苹果专用的xcode软件(默认你已经配置好了flutter了,同时Android Studio也安装了flutter插件,win系统的用户看到安卓结束即可)
2.使用终端cd到你想要创建的目录,使用flutter create xxx(你想创建的项目名)创建,因为这样不用担心你是用何种ide添加的乱七八糟的其他文件
3.(配置安卓运行的一般项目)使用Android Studio打开这个flutter项目,直接选择上面创建的项目名文件夹就可以
已经打开的转态下就在这里打开
选中项目文件夹打开即可
4.配置安卓项目的appid,打开项目中如图
在项目中找到如图内容,并修改图中框选出的appid,这里修改完会报错,但是不用在意,这是编译器的bug,不影响正常使用
5.配置项目显示的名字,打开项目结构如图
修改图中框选出的文本
6.配置安卓app的图标显示,打开项目如图
7.配置项目启动图,这个也是很必要的,留给项目初始化的时间。这个不是启动广告,启动广告需要在路由中配置~打开文件如图
打开注释部分,准备一张启动图放在该路径下即可,因为安卓启动时会遍历所有mipmap文件夹,只要有launch_image.png就使用。考虑到目前手机最大也就2k分辨率,准备一张2k分辨率的启动图放在mipmap-xxhdpi文件夹下即可。
8.配置ios的appid。打开xcode,点击如图所示
选择到新建flutter项目中的ios文件夹如图
修改图中框选处为自己的appid
9.配置项目显示名,打开info.plist,修改图中框选位置
10.配置app图标,这里推荐使用图标生存网站一键生成,打开项目如图所示,把生存的文件夹命名为AppIcon拖入该文件夹覆盖原文件夹即可
11.配置项目启动图,依旧在刚刚的文件夹位置,点击LaunchImage,把3种分辨率的启动图直接拖入对应方框内即可,1x已经没有必要单独切图,使用2x的图即可
12.删除原本的启动图设置,打开项目如图,选中框住的文件按delete
之后在view目录下,点击右上角的加号如图
之后搜索ima就出现对应的组件
按住该组件拖入到下面的手机中,之后把该组件调整为和手机屏幕一样大
全部适配手机屏幕后点击屏幕右侧,修改选项如图1,2
如果设置后,手机界面没有显示你自己设置的图,点击图2中的向右按钮选择一下你设置的图
13.配置flutter项目基础结构如图,开发中肯定有变动,但是这就是最基础的项目结构了
14,前期准备完成,接下来准备开发你自己的flutter应用吧!