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