美文网首页Flutter开发
Flutter 目录结构和项目资源

Flutter 目录结构和项目资源

作者: iwakevin | 来源:发表于2018-12-05 10:45 被阅读135次

目录结构

当使用flutter create myapp 创建项目后,会自动生成初始化代码。

下面介绍一下代码的目录。

myapp
  ┬
  ├ android      - 包含 Android 特定的文件。
  ├ build        - 存储 iOS 和 Android 构建文件。
  ├ ios          - 包含 iOS 特定的文件。
  ├ lib          - 应用源文件。
    ┬
    └ src        - 包含额外的源文件。
    └ main.dart  - 程序运行入口文件。
  ├ test         - 测试文件。
  └ pubspec.yaml - 包含 Flutter 应用程序的包数据。

Flutter 的入口文件是在 /lib/main.dart 里的。在 android、ios 目录里都是特定平台的代码文件,这和 react native 的结构是一样的。android 目录里的文件是可以使用 android studio 加载的。

资源

像图片、视频、文字等这些资源文件,在 Flutter 里是可以直接引用的,不过需要对资源进行声明式说明。

在 pubspec.yaml 里进行声明。

flutter:
  assets:
    - assets/my_icon.png
    - assets/background.png

在代码里这样进行引用。

new Image(image: new AssetImage('assets/background.png'));

如果资源是来至网络的而不是本地的,则需要使用 image.network。

new Image.network('https://flutter.io/images/owl.jpg');

相关文章

  • Flutter 目录结构和项目资源

    目录结构 当使用flutter create myapp 创建项目后,会自动生成初始化代码。 下面介绍一下代码的目...

  • Flutter 目录结构和项目资源

    目录结构 当使用flutter create myapp 创建项目后,会自动生成初始化代码。 下面介绍一下代码的目...

  • Flutter Resource Using

    Flutter的项目结构和资源的存放、使用(图像的适配、字符串的本地化和国际化、项目依赖) 目录:1、存储不同分辨...

  • Flutter项目结构

    介绍 下面是本人自己写Flutter项目用的目录结构。因为公司还没有使用Flutter。纯属个人项目的目录结构。所...

  • 3.1、Flutter:iOSer

    零、项目结构、资源、国际化等 1、资源 Flutter项目的资源放在iOS的Images.xcassetResou...

  • Flutter 项目介绍及体验

    Flutter项目目录结构介绍 以我新创建的myflutter项目为例,用vscode打开是这样: Flutter...

  • Vue项目组织规范

    目录 一、项目结构的核心思想 二、项目目录结构 三、资源路径编译规则 四、index.html 五、build目录...

  • Flutter模块集成到Swift项目

    《参考地址》 1.创建Flutter模块 命令行cd到项目目录,执行命令行 目录结构如下:some/项目目录/├─...

  • Flutter - 项目总览

    我们根据默认模板新建一个flutter项目,会生成一个计数的项目,首先介绍下整个目录结构: 目录结构 可以看到,除...

  • Flutter项目结构目录分析

    程序结构打开刚才创建的程序,切换到project视图,看看项目的结构:新建Flutter项目的结构和原生andro...

网友评论

    本文标题:Flutter 目录结构和项目资源

    本文链接:https://www.haomeiwen.com/subject/bkdicqtx.html