前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Flutter 目录结构和项目资源

Flutter 目录结构和项目资源

原创
作者头像
青年码农
发布2020-10-14 16:25:37
1K0
发布2020-10-14 16:25:37
举报
文章被收录于专栏:青年码农青年码农

在Flutter大浪潮下,笔者也开始入坑了,本系列旨在记录学习过程,欢迎一起探讨。当使用flutter create myapp 创建项目后,会自动生成初始化代码。

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

代码语言:javascript
复制
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 里进行声明。

代码语言:javascript
复制
- flutter:
-   assets:
-    - assets/my_icon.png
-    - assets/background.png

在代码里这样进行引用。

代码语言:javascript
复制
new Image(image: new AssetImage('assets/background.png'));

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

代码语言:javascript
复制
new Image.network('https://flutter.io/images/owl.jpg');

获取更多优质内容,请关注【青年码农】

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 像图片、视频、文字等这些资源文件,在 Flutter 里是可以直接引用的,不过需要对资源进行声明式说明。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档