Flutter 目录结构和项目资源
时间:2022-07-26
本文章向大家介绍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');
获取更多优质内容,请关注【青年码农】
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法