美文网首页
Flutter轻松入门(二) -- 编译到android和ios

Flutter轻松入门(二) -- 编译到android和ios

作者: SuperGino | 来源:发表于2018-06-03 17:57 被阅读0次

    前面第一章我们配置好了mac os的flutter环境,这章节尝试一下创建第一个应用并且运行在两个平台来感受下flutter的魅力

    使用Android Studio创建项目

    选择File> New Flutter Project


    image.png

    选择Flutter应用程序作为项目类型,然后按下一步


    image.png

    输入项目名称(例如myapp),然后按下一步


    image.png

    点击完成
    等待Android Studio安装SDK并创建项目。


    image.png

    运行项目到Android真机

    image.png

    运行效果


    image.png

    运行项目到IOS真机

    image.png

    第一次运行IOS项目,先要到ios项目里面设置好证书相关内容


    image.png
    image.png
    查看报错信息
    正确配置证书后

    看到红色字提示就是没有对应的调试证书,登录私人账户点击自动获取就可以获得一个证书,不需要缴纳每年99美金,美滋滋~但是调整安装进去真机的app只能一周内可以运行。
    如果弹出证书无法验证证书提示,要自行到设置-设备管理-验证当前应用

    尝试传说中的热重新加载Hot Reload

    把"You have pushed the button this many times:"字符串更改"Hello World",并且不关闭运行状态查看效果,直接 save all即可看到效果。

    image.png

    这么简单就成功运行实例工程,是不是很开心? :D

    相关文章

      网友评论

          本文标题:Flutter轻松入门(二) -- 编译到android和ios

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