Flutter 目录结构和项目资源

举报
青年码农 发表于 2022/08/24 23:32:15 2022/08/24
【摘要】 点击上方蓝字关注我们 在Flutter大浪潮下,笔者也开始入坑了,本系列旨在记录学习过程,欢迎一起探讨。当使用flutter create myapp 创建项目后,会自动生成初始化代码。 下面介绍一下代码的目录。 myapp  ┬  ├ android  - 包含 Android 特...

0da803e152c0b93a4054eb2778a90bc6.png

点击上方蓝字关注我们

067c75b7c8e87fbaa1cce2fa5657eb01.png

在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');


【免责声明】本文章来源于网络、报刊、新闻等整理而成,文章所述观点并不代表本平台立场,转载是为了更好地传播资讯。我们已经尽可能的对作者和来源进行了通告,但是能力有限或疏忽,造成漏登,请及时联系我们,我们将根据著作权人的要求,立即更正或者删除有关内容。

文章来源: blog.csdn.net,作者:NMGWAP,版权归原作者所有,如需转载,请联系作者。

原文链接:blog.csdn.net/NMGWAP/article/details/125066909

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。