继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

慕仰1870381
关注TA
已关注
手记 53
粉丝 4483
获赞 456

本文版权归作者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常用模板用法和自定义模板




打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP