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就可以出来刚才保存的代码片段了

红框的内容修改为自己的文件名称,也就是类名

(本人菜鸟一枚,大家共同学习)

你可能感兴趣的:(Flutter Dart 代码片段)