Flutter 实现电商 APP 之 新建项目(一)

334 阅读1分钟

本项目使用 Android Studio 开发。

1、打开 AS 创建一个新的 Flutter

image.png

输入项目名称,选择需要兼容的平台版本及平台语言 image.png

2、项目结构介绍

下面就是默认的一个项目结构

image.png

  • 图中 1 存放的是 Android 平台的特定代码,Android 平台的一些原生库或者资源文件及应用图标需要在其中设置,Android 启动时白屏的问题页需要在其中处理解决(会在以后章节里说明如何处理这个问题)
  • 图中 2 存放的是 IOS 平台代码,和Android一样,平台特定的一些配置及资源需要在其中配置
  • 图中 3 存放的是 flutter 跨平台通用代码,一些通用的 UI 界面就是在其中完成的。
  • 图中 4 存放的是web端的代码

image.png

image.png

下面就是运行的效果图

image.png

3、修改项目名称及应用图标

android 端,将应用图标放在不同尺寸的 mipmap 文件夹下

image.png

ios 端

图标修改 image.png 应用名称修改

image.png