Flutter 目录结构和项目资源

目录结构

当使用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');
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 13,961评论 2 59
  • 谷歌的 Flutter 为开发人员提供了一种构建 Android 和 iOS 原生用户界面的方法,为开发人员减少了...
    高级java架构师阅读 9,344评论 1 40
  • Content: Flutter框架概况发展概述发展历史框架特性框架结构 快速入门安装Flutter在Mac OS...
    EchoZuo阅读 6,629评论 3 54
  • 现在身边在思考投资的人其实是越来越多的,因为人们这些年的经验告诉人们一个道理,不进行投资理财,自己手中的现金肯定是...
    太阳火工作室阅读 656评论 0 6
  • 每次和神对话的时候,我都问神“为什么会有考验?” 每次神的回答都一样,“考验是在你的内在,验证你有多坚定,你有多相...
    安妮_beijing阅读 620评论 1 1

友情链接更多精彩内容