为了账号安全,请及时绑定邮箱和手机立即绑定

Flutter代码模板,解放双手,提高开发效率必备

标签:
前端工具

本文版权归作者AWeiLoveAndroid所有,未经授权,严禁私自转载。转载请声明原文链接和作者信息。

使用Flutter开发的朋友们都有一个疑问,自带的快捷提示不是很丰富,没有你想要的功能,不管是Android Studio 还是IDEA,斗狠有局限性,有的朋友可能在用VSCode,那个插件有两个,我都试过都不好用,扩展性不好。于是我自己就写了一些常用Flutter代码模板,导入AS或者IDEA可以直接使用。


一、导入方式(这里以AS或者IDEA为例,VSCode的代码模板有点麻烦,正在整理中)

首先打开github网址 https://github.com/AweiLoveAndroid/Flutter-learning/blob/master/code_plugins/settings.jar 下载jar包。

然后,点击菜单栏 File--> Import Settings,然后找到刚下载的那个Settings.jar,导入即可。

webp


二、支持的快捷键如下:

快捷键描述
con创建完整的Container
cp自定义CustomPainter
csvCustomScrollView + SliverPadding创建列表,子控件带有边距
csv2使用CustomScrollView + SliverGrid创建列表
gv创建GridView.count
lv创建基本的ListView
lvb创建ListView.builder
lvd创建带分割线的ListView
lvr创建RadioListTile,可以单选的item
lvt创建带有各种ListTile的ListView
mainstf创建 StatefulWidget 控件
mainstl创建 StatelessWidget 控件
me创建方法
mep创建私有方法
row创建Row
sb创建SizedBox
ssv创建SingleChildScrollView
stf创建完整的StatefulWidget,包含生命周期相关方法。
stl创建StatelessWidget
svc创建CustomScrollView
te创建一个标准的Text

三、部分使用示范图

mainstf 创建 StatefulWidget 控件:

webp


mainstl 创建 StatelessWidget 控件:

webp


stf 创建完整的StatefulWidget,包含生命周期相关方法。:

webp


stl 创建StatelessWidget:

webp


gv 创建 GridView.count:

webp


lv 创建基本的ListView:

webp


con 创建完整的Container:

webp

con创建完整的Container


四、关于代码模板的使用和自定义方式可以看我的github Android Studio常用模板用法和自定义模板




点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
移动开发工程师
手记
粉丝
4483
获赞与收藏
456

关注作者,订阅最新文章

阅读免费教程

  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消