Flutter快速开发小技巧

2021/03/28 10:45
阅读数 195

总结一下 Flutter 开发过程中,让我欣喜的一些代码编写技巧,分享给大家:

由于 Flutter 代码风格有超级多的括号,让很多初学者望而生畏,在已经写好的布局上想在套一层控件,找结束括号可谓要人老命,但有了这个快捷键,这种烦恼都不复存在。

把光标定位到想要被包裹的控件,然后,

Vscode

  • Windows: Ctrl + .   快捷键

  • Mac:Cmd + .   快捷键

AndroidStudio

  • Windows: Alt + Enter 回车 快捷键

  • Mac: Alt + Enter 回车 快捷键

... 连接符也能这么用,但是看清楚哦,接的是迭代器。

Column(      mainAxisAlignment: MainAxisAlignment.center,      children: <Widget>[        Text(            'You have pushed the button this many times:',        ),        ...List.generate(            3,            (index) => Text("${index.toString()}",                  style: Theme.of(context).textTheme.headline3,                ))      ],    )

控件中超级简单的判断,可以直接用 if 语句。

Column(      mainAxisAlignment: MainAxisAlignment.center,      children: <Widget>[        Text(           'You have pushed the button this many times:',        ),        if (true) Text("data",) else Text("aaaaa"),      ],  )

三 Json 转 实体类

有很多 Json 转实体类的插件以及网址,其中我最喜欢的是:

Json 转实体网址
https://app.quicktype.io/




本文分享自微信公众号 - Flutter学习簿(gh_d739155d3b2c)。
如有侵权,请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”,欢迎正在阅读的你也加入,一起分享。

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部