美文网首页首页推荐Flutter 学习之路成长日记技术联盟
Flutter 学习之路(二):创建第一个 Flutter 程序

Flutter 学习之路(二):创建第一个 Flutter 程序

作者: 熊熊熊孩子 | 来源:发表于2019-04-08 18:31 被阅读2次

    很开心的是之前把 mac Flutter 环境搭建好了,今天有时间开始学习 Flutter。但是当我创建 Flutter 项目的时候却悲催了,真的是一步一个坎啊,下面把我遇到的问题与解决方式记录下来。

    使用 Android Studio 创建 Flutter 项目

    1.File>New>New Flutter Project
    2.选择 Flutter application 作为 project 类型, 然后点击 Next
    3.选择 Flutter Application,点击 Next


    创建项目(一)

    4.起一个工程名称(app 名称),选择 flutter sdk 路径


    创建项目(二)
    问题总结

    遇到问题一
    创建完项目一直卡在Creating Flutter Project,如下图所示:

    问题一
    解决方案
    强制关闭Android Studio,之后导入 Flutter 项目。
    导入方式就是 File>New>Import Project 之后导入工程根目录即可。
    这时候又会遇到如下问题
    遇到问题二
    导入的项目一直报错(报红),这里已经将问题解决就没有截图了,相信大家都知道报红是什么样子的啊。
    解决方案
    1.使用命令检测问题
    执行命令:flutter doctor
    执行命令结果
    这代表 Android环境是正常的
    2.如果执行上述命令还是不可以的话那就升级FlutterSDK或者Dart SDK版本
    执行命令:flutter upgrade
    3.执行完1、2命令还是报红,那么就执行下面的命令以补全运行项目所支撑的必要文件
    执行命令:flutter run
    执行命令
    执行完命令之后在项目根目录下会多一个文件,如图所示:
    最后目录层级
    好了,经过这几步项目就正常了,最后把 Demo 跑起来了,可以继续玩耍了。

    相关文章

      网友评论

        本文标题:Flutter 学习之路(二):创建第一个 Flutter 程序

        本文链接:https://www.haomeiwen.com/subject/ulupiqtx.html