今天来学习一下flutter,网上也有很多关于flutter的教程,今天主要通过flutter中文网来学习。
我的设备:
首先是flutter的安装与环境配置,整个过程没有遇到大的问题。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
| cc@ccy ~ % flutter --version Flutter 2.0.2 • channel stable • https://github.com/flutter/flutter.git Framework • revision 8962f6dc68 (7 days ago) • 2021-03-11 13:22:20 -0800 Engine • revision 5d8bf811b3 Tools • Dart 2.12.1 cc@ccy ~ % flutter doctor Doctor summary (to see all details, run flutter doctor -v): [✓] Flutter (Channel stable, 2.0.2, on macOS 11.2.3 20D91 darwin-arm, locale zh-Hans-CN) [✓] Android toolchain - develop for Android devices (Android SDK version 30.0.3) [✓] Xcode - develop for iOS and macOS [✓] Chrome - develop for the web [✓] Android Studio (version 4.1) [✓] IntelliJ IDEA Community Edition (version 2020.3.3) [✓] Connected device (3 available) • No issues found! cc@ccy ~ %
|
编译工具的设定,使用 Android Studio 安装 flutter 插件,新建一个Flutter App。
打开Android Studio选择新建Flutter项目,
输入Package name,选中 iOS和Android 平台,点击Finish完成创建。
项目结构如下:
包含了iOS和android连个项目。
选择模拟器或者真机运行项目:
iOS真机:
iOS模拟器:
android真机:
以上就是Flutter的开发体验初探,Flutter使用一套代码可以开发web,iOS和Android三个平台的软件。看上去十分的高大上,就是运行的时候有点慢,需要等待一段时间,真机测试的时候也会遇到一些问题,接下来继续学习flutter。