以下是高实用性的 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
















暂无评论内容