运行第一个项目
-
创建项目
start_flutter_project.png ,点击它进入下个界面:
配置环境结束后,启动AndroidStudio在右边的启动选项中,就可以看一个名为Start a new Flutter project
的选择,
flutter_application.png
, flutter_input.png
name要求字母必须为小写,否则不能创建,sdk的path,前面我们已经下载并解压过,手动选择就可以了,选择项目位置,点击Next就可以了。 flutter_company_domain.png
,就是包名,点击Finish,然后耐心等待。 -
运行项目
first_hello.png
项目创建完成后
,先浏览一下打开的界面,我去居然没找到Hello World
字样,一个新语言的开始,差不多都该以Hello World开始吧(我狭隘了)。
点击绿色「运行」按钮, flutter_no_device.png
,懒得创建模拟器,直接连真机吧,再次点击运行,稍等片刻,出现下面运行提示
Launching lib/main.dart on ONEPLUS A5000 in debug mode...
Initializing gradle...
Resolving dependencies...
Running Gradle task 'assembleDebug'...
Built build/app/outputs/apk/debug/app-debug.apk.
Installing build/app/outputs/apk/app.apk...
Syncing files to device ONEPLUS A5000...
我连接是Android真机,所以出现这些,如果连接iOS(前提是 flutter doctor
命令通过,当然Android也一样),就会出现下面提示
Launching lib/main.dart on iPhone 8 Plus in debug mode...
Running Xcode build...
Xcode build done. 12.6s
Syncing files to device iPhone 8 Plus...
也就是Flutter会根据不同的设备,启动不同的编译和安装,至此我们的Flutter的Demo就运行起来。
网友评论