Flutter创建文件时生成模板代码

以下是高实用性的 Flutter StatefulWidget 自定义模板,适配 Android Studio/IntelliJ IDEA,可直接配置使用。

一、模板配置步骤

打开 Android Studio → File → Settings(Windows/Linux)/ Android Studio → Settings(Mac);

进入 Editor → File and Code Templates;

左侧选 Files → 点击 + 新建模板,

Name 填 Flutter StatefulWidget;

Extension 填 dart;

粘贴下方模板内容 → Apply → OK。

二、模板代码


/// @Description: ${NAME} 轻量有状态组件
import 'package:flutter/material.dart';

class ${NAME} extends StatefulWidget {
  const ${NAME}({super.key});

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

class _${NAME}State extends State<${NAME}> {
  @override
  Widget build(BuildContext context) {
    return const Scaffold(
      body: Center(
        child: Text("${NAME} 内容"),
      ),
    );
  }
}

三、快速创建组件

右键项目 → New → 选择自定义的 Flutter StatefulWidget;

输入文件名(如 CounterWidget),自动生成完整的有状态组件结构。

四、实用模板示例

Class

#if (${PACKAGE_NAME} && ${PACKAGE_NAME} != "")
package:${PACKAGE_NAME}/${NAME}.dart;
#end
/// @Author: ${USER}
/// @Date: ${DATE} ${TIME}
/// @Description: ${NAME} 相关逻辑

/// 核心类/方法模板
class ${NAME} {
  // 构造函数(空安全)
  ${NAME}({required this.param});

  final String param;

  /// 示例方法
  void init() {
    // TODO: 实现业务逻辑
  }
}

StatelessWidget

///@Author: ${USER}
///@Date: ${DATE} ${TIME}
///@Description: ${NAME} Widget

import 'package:flutter/material.dart';

class${NAME} extends StatelessWidget {
  const ${NAME}({
super.key,
    this.title = "默认标题",
  });

  final String title;

@override
Widget build(BuildContext context) {
returnScaffold(
appBar:AppBar(
title:Text(title),
      ),
body: const Center(
child:Text("${NAME} 内容区域"),
      ),
    );
  }
}
© 版权声明
THE END
如果内容对您有所帮助,就支持一下吧!
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容