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');
相关文章
|
6月前
|
设计模式 前端开发 测试技术
Flutter 项目架构技术指南
探讨Flutter项目代码组织架构的关键方面和建议。了解设计原则SOLID、Clean Architecture,以及架构模式MVC、MVP、MVVM,如何有机结合使用,打造优秀的应用架构。
166 1
Flutter 项目架构技术指南
|
2月前
|
Dart
如何在 Flutter 项目中使用 Dart 语言?
如何在 Flutter 项目中使用 Dart 语言?
127 58
|
28天前
|
Dart IDE 开发工具
鸿蒙Flutter实战:09-现有Flutter项目支持鸿蒙
本文介绍了将现有Flutter项目适配鸿蒙系统的步骤。首先,根据[鸿蒙Flutter适配指南]搭建开发环境,并使用fvm管理多版本SDK。项目采用模块化设计,包括apps、common、components、modules和plugins等目录,分别对应不同功能模块。重点在于在apps目录下创建新的鸿蒙项目,逐步添加依赖并解决版本兼容性问题。最后,通过配置pubspec.yaml文件和特定插件的鸿蒙化适配,完成项目的编译与运行测试。
60 0
|
3月前
|
Dart 开发工具 Android开发
Android Studio导入Flutter项目提示Dart SDK is not configured
Android Studio导入Flutter项目提示Dart SDK is not configured
296 4
|
3月前
|
Java Android开发
添加Flutter模块到已有项目(Android)
添加Flutter模块到已有项目(Android)
46 3
|
3月前
|
Dart 搜索推荐 IDE
打造个性化天气应用:从零开始的Flutter项目之旅
【8月更文挑战第31天】本文将引导读者通过Flutter框架创建一个简单的天气应用,涵盖从设置开发环境到实现基本功能的全过程。我们将探索如何使用Dart语言和Flutter SDK构建用户界面,并集成第三方API来获取实时天气数据。文章不仅提供代码示例,还将讨论如何进行调试和部署应用,确保读者能够理解并实践所学知识。
|
5月前
|
开发框架 Dart 开发工具
一个Android项目怎么判断是flutter
【6月更文挑战第6天】
106 2
|
4月前
|
Dart Android开发 iOS开发
flutter 创建项目、运行项目、项目目录
flutter 创建项目、运行项目、项目目录
165 0
|
4月前
|
Shell Android开发 Python
Flutter如何正确使用图片资源
Flutter如何正确使用图片资源
68 0
|
6月前
flutter 引用图片资源遇到的问题
flutter 引用图片资源遇到的问题
80 1