超详细配置flutter项目结构

1.请确保你使用的是一台mac电脑,黑苹果也可,因为需要使用到苹果专用的xcode软件(默认你已经配置好了flutter了,同时Android Studio也安装了flutter插件,win系统的用户看到安卓结束即可)

2.使用终端cd到你想要创建的目录,使用flutter create xxx(你想创建的项目名)创建,因为这样不用担心你是用何种ide添加的乱七八糟的其他文件


红色框内是自己想要配置的路径和项目名

3.(配置安卓运行的一般项目)使用Android Studio打开这个flutter项目,直接选择上面创建的项目名文件夹就可以


已经打开的转态下就在这里打开

选中项目文件夹打开即可


4.配置安卓项目的appid,打开项目中如图

在项目中找到如图内容,并修改图中框选出的appid,这里修改完会报错,但是不用在意,这是编译器的bug,不影响正常使用

这里可以修改自己想要定义的appid

5.配置项目显示的名字,打开项目结构如图


修改图中框选出的文本


修改此处即是安卓app的显示名字

6.配置安卓app的图标显示,打开项目如图

按照每个文件夹里的文件名和分辨率,把自己准备的图片一一覆盖,请保证文件名为ic_launcher.png

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


图1


图2

如果设置后,手机界面没有显示你自己设置的图,点击图2中的向右按钮选择一下你设置的图

13.配置flutter项目基础结构如图,开发中肯定有变动,但是这就是最基础的项目结构了

14,前期准备完成,接下来准备开发你自己的flutter应用吧!

你可能感兴趣的:(超详细配置flutter项目结构)