如何更便捷地将Flutter的ConsumerWidget转为ConsumerStatefulWidget？

我正在使用flutter_riverpod包，目前将ConsumerWidget转换为ConsumerStatefulWidget需要5个步骤，想知道有没有更快捷的方式？

原转换步骤（供参考） #

1. 初始代码：

class Widget extends ConsumerWidget {
  const Widget({super.key});
  @override
  Widget build(BuildContext context, WidgetRef ref) {
    return …;
  }
}

2. 移除ref参数：

class Widget extends ConsumerWidget {
  const Widget({super.key});
  @override
  Widget build(BuildContext context) {
    return …;
  }
}

3. 将ConsumerWidget改为StatelessWidget：

class Widget extends StatelessWidget {
  const Widget({super.key});
  @override
  Widget build(BuildContext context) {
    return …;
  }
}

4. 通过Convert to StatefulWidget操作转换：

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

  @override
  State<Widget> createState() => _WidgetState();
}

class _WidgetState extends State<Widget> {
  @override
  Widget build(BuildContext context) {
    return …;
  }
}

5. 添加Consumer标识：

class Widget extends ConsumerStatefulWidget {
  const Widget({super.key});

  @override
  ConsumerState<Widget> createState() => _WidgetState();
}

class _WidgetState extends ConsumerState<Widget> {
  @override
  Widget build(BuildContext context) {
    return …;
  }
}

快捷转换方法（仅需2步） #

步骤1：直接重构类结构

跳过中间转StatelessWidget的步骤，直接将原ConsumerWidget修改为ConsumerStatefulWidget，同时手动补全对应的ConsumerState子类：

原代码直接修改为：

class Widget extends ConsumerStatefulWidget {
  const Widget({super.key});

  @override
  ConsumerState<Widget> createState() => _WidgetState();
}

class _WidgetState extends ConsumerState<Widget> {
  @override
  Widget build(BuildContext context) {
    return …;
  }
}

步骤2：调整ref的使用方式

原来build方法中的ref参数，现在可以直接使用ConsumerState自带的ref属性，把代码里的ref替换为this.ref（或直接写ref）即可。

额外IDE技巧 #

主流IDE（Android Studio、VS Code）支持更高效的操作：

• 自定义ConsumerStatefulWidget代码模板，直接生成完整结构后替换原类内容
• 使用IDE的"替换类类型"功能，一键将ConsumerWidget替换为ConsumerStatefulWidget，再补全缺失的createState方法和State类

内容的提问来源于stack exchange，提问作者My Car