1.4 设计稿适配、加入图片字体资源、欢迎界面

存放资源：在根目录下创建 assets 文件夹，在 assets里依次创建 fonts、icons、images文件夹。

资源配置(加入图片+字体)

• 在 pubspec.yaml 文件中配置如下:

flutter:
    assets:
      - assets/images/
    fonts:
      - family: Avenir
        fonts:
          - asset: assets/fonts/Avenir-Book.ttf
            weight: 400 # normal
      - family: Montserrat
        fonts: 
          - asset: assets/fonts/Montserrat-SemiBold.ttf
            weight: 600

• 根据 x3 图片自动生成 x1 x2 图片-使用 Flutter GetX Generatorvscode插件，如下操作：

# 1. 在 assets/images下创建 3.0x 文件夹，再将 3倍图放入 3.0 文件夹
# 2. 然后选中 3.0 文件夹 右键 选择 `Assets:Images x1 x2 Generate` 生成对应 1、2倍图即会生成(2倍图放入assets/images/2.0x文件夹下,1倍图放入assets/images下)

• GetX 项目代码生成工具

适配(屏幕适配)

做到长宽比、缩放比 一致就行。

使用 插件 flutter_screenutil。 使用方法参考：

• 使用_1。
• 使用_2

在pubspec.yaml 文件中加入依赖包如下:

dependencies:
  # 屏幕适配
  flutter_screenutil: ^5.9.0