android-studio - 在 Android Studio 中将自定义代码片段(实时模板)与 Flutter 应用程序结合使用

Question

在在线教程中，我看到人们键入一些可以快速扩展为代码片段的字符。这将节省大量样板代码。如何在 Android Studio 中进行 Flutter 开发？

Answer 1

在 Android Studio 中转到设置(在 Mac 上为首选项)> 编辑器 > 实时模板。

展开 Flutter 选项。您应该看到一些已经定义的实时模板。要创建新模板，请单击右侧的 + 添加按钮并选择实时模板。

添加可在代码中使用的缩写。还要写说明。然后粘贴您要自动插入的代码。最后，在显示“定义”的地方从列表中选择 Dart。然后选择确定。

如果有任何你想稍后填写的变量名，你可以用$符号包围它们，比如$NAME$。

例子

每当我想测试一些小部件时，我都会制作一个布局简洁的新应用，没有那些评论和额外的小部件。这是一个实时模板，它只是一个基本的起始布局。

我叫缩写basiclayout，代码是

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'My App',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: Scaffold(
        appBar: AppBar(title: Text('My App')),
        body: BodyWidget(),
      ),
    );
  }
}

class BodyWidget extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    return Container();
  }
}

现在我可以开始输入 basiclayout 来自动插入所有代码。如果我想每次都选择一个新名称，我可以用 $NAME$ 变量替换 My App 字符串或 BodyWidget 名称。

另见

• Documentation