Flutter第一个项目

运行第一个项目

  • 创建项目
    配置环境结束后,启动AndroidStudio在右边的启动选项中,就可以看一个名为Start a new Flutter project的选择,

    start_flutter_project.png
    ,点击它进入下个界面:
    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就运行起来。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Flutter 是什么? Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用...
    念_夕阅读 1,772评论 0 1
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 7,289评论 0 17
  • 今天,我看了一个叫《我是演说家》的电视节目,里面有一个主讲人是个哈佛才女,她演讲的题目叫《中国强则少年强》。这个演...
    少侠十一阅读 705评论 4 9
  • 写的爬虫越来越多,最近兴起想学习数据可视化,试用了Echarts的Python移植PyEcharts,于是有了...
    丶童话镇阅读 859评论 2 2
  • 难道是因求而不得,好像又不是,在意别人的看法吗,不是跟自己说好不在意吗?她们关注的你并不关注她们吗,为什么还会燥,...
    自留地2017阅读 153评论 0 0

友情链接更多精彩内容