Flutter Dart 代码片段

1)AndroidStudio添加dart代码片段
在这里插入图片描述
这里我们直接用AS创建Dart文件,生成的文件是空白的,需要手动添加。是不是觉得好麻烦,
相信你也是这样觉得的,所以分享一个小技巧
在这里插入图片描述
在这个地方添加上自己的Dart摸板即可,这样一来就可以把摸板参数带到Dart文件生成,下面是我的一个摸板,有需要可以复制使用

import 'package:flutter/material.dart';

class ${NAME}Page extends StatefulWidget {
${NAME}Page({Key key, this.title}) : super(key: key);
 final String title;

 @override
  _${NAME}PageState createState() => _${NAME}PageState();
}

class _${NAME}PageState extends State<${NAME}Page> {

 @override
  Widget build(BuildContext context) {
   return Scaffold(
 	 appBar: AppBar(
  	  title: Text(widget.title),
  	),
 	 body: Center(
 	   child: Column(), 
	  )// This trailing comma makes auto-formatting nicer for build methods.
	);
}
}

2)vsCode 添加dart代码片段
ctrl+shift+p输入snippet
在这里插入图片描述
找到dart.json文件
在这里插入图片描述
添加需要添加的代码片段,这里可以使用自己已有的代码片段,这个是我自己写的片段,如果需要,可以直接复制使用

在这里插入图片描述

{
	"Print to dartTemplate": {
		"prefix": "dartTemplate",
		"body": [
			"import 'package:flutter/material.dart';",
			"\t",
			"\tclass ${className}Page extends StatefulWidget {",
			"\t  ${className}Page({Key key, this.title}) : super(key: key);",
			"\t",
			"\t  final String title;",
			"\t",
			"\t  @override",
			"\t  _${className}PageState createState() => _${className}PageState();",
			"\t}",
			"\t",
			"\tclass _${className}PageState extends State<${className}Page> {",
			"\t  @override",
			"\t  Widget build(BuildContext context) {",
			"\t    return Scaffold(",
			"\t        appBar: AppBar(",
			"\t          title: Text(widget.title),",
			"\t        ),",
			"\t        body: Center(",
			"\t          child: Column(),",
			"\t        ));",
			"\t  }",
			"\t}",
		],
		"description": "dart代码片段"
	}
}

保存完成之后,新建文件直接输入dartTemplate就可以出来刚才保存的代码片段了
在这里插入图片描述
红框的内容修改为自己的文件名称,也就是类名
在这里插入图片描述
(本人菜鸟一枚,大家共同学习)

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值