Flutter 目录结构和项目资源

简介: Flutter 目录结构和项目资源

在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');
相关文章
|
5月前
|
设计模式 前端开发 测试技术
Flutter 项目架构技术指南
探讨Flutter项目代码组织架构的关键方面和建议。了解设计原则SOLID、Clean Architecture,以及架构模式MVC、MVP、MVVM,如何有机结合使用,打造优秀的应用架构。
149 1
Flutter 项目架构技术指南
|
6天前
|
Dart
如何在 Flutter 项目中使用 Dart 语言?
如何在 Flutter 项目中使用 Dart 语言?
104 58
|
2月前
|
Dart 开发工具 Android开发
Android Studio导入Flutter项目提示Dart SDK is not configured
Android Studio导入Flutter项目提示Dart SDK is not configured
92 4
|
2月前
|
Java Android开发
添加Flutter模块到已有项目(Android)
添加Flutter模块到已有项目(Android)
34 3
|
2月前
|
Dart 搜索推荐 IDE
打造个性化天气应用:从零开始的Flutter项目之旅
【8月更文挑战第31天】本文将引导读者通过Flutter框架创建一个简单的天气应用,涵盖从设置开发环境到实现基本功能的全过程。我们将探索如何使用Dart语言和Flutter SDK构建用户界面,并集成第三方API来获取实时天气数据。文章不仅提供代码示例,还将讨论如何进行调试和部署应用,确保读者能够理解并实践所学知识。
|
4月前
|
开发框架 Dart 开发工具
|
3月前
|
Dart Android开发 iOS开发
flutter 创建项目、运行项目、项目目录
flutter 创建项目、运行项目、项目目录
32 0
|
3月前
|
Shell Android开发 Python
Flutter如何正确使用图片资源
Flutter如何正确使用图片资源
26 0
|
5月前
flutter 引用图片资源遇到的问题
flutter 引用图片资源遇到的问题
46 1
|
5月前
|
开发框架 前端开发 定位技术
【Flutter 前端技术开发专栏】Flutter 中的插件市场与开源资源利用
【4月更文挑战第30天】Flutter插件市场和开源资源加速开发进程。pub.dev是官方插件库,提供大量第三方插件,节约时间和保证质量。选择插件时关注功能需求、评价及维护状况。开源资源作为学习、解决问题和创新的平台,需注意版权、代码质量和兼容性。案例分析展示插件应用,开源社区促进交流与技术进步,未来市场将持续发展。善用资源,提升开发效率与项目竞争力。
133 0
【Flutter 前端技术开发专栏】Flutter 中的插件市场与开源资源利用
下一篇
无影云桌面