美文网首页工作生活
Flutter 调试技巧

Flutter 调试技巧

作者: calary | 来源:发表于2019-07-03 15:06 被阅读0次

一、前言

随着Flutter的大火,加上我也很看好他的前景,iOS,Android,web一套代码运行多个平台,想想就很美,所以我也紧跟步伐,加入了学习大军,在此先总结一下用到的一些调试技巧。
我使用的

二、调试技巧

  • 1、在Terminal 中运行项目(flutter run)
    flutter run
    如果多个设备,-d 设备号 就可以,设备号在flutter run 的时候会给出来
    flutter run -d 9B6F0A63-C71E-45F8-9483-923424110A40
    当出现时表明项目运行起来了,热加载也可以使用了
    启动.png
效果图.png
  • 2、热重载(R)
    更改标题文字为Flutter Demo,在Terminal中直接输入r进行热重载
    热重载.png
效果图
  • 3、iOS和Android 展示效果切换(O)
    切换不同平台展示效果,以顶部NavigationBar 展示效果为例,在Terminal中直接输入字母o切换
    切换显示平台.png
image.png
  • 4、显示/隐藏布局(P)
    在Terminal中直接输入p 来显示/隐藏布局
    image.png

3、未完待续。。。

相关文章

网友评论

    本文标题:Flutter 调试技巧

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