HookConsumerWidgetのLiveテンプレートを追加する方法
Android Studio編
Preferences > Editor > Live Templates > Flutter
![](https://assets.st-note.com/img/1678523745308-GdPbHN0MVS.png?width=1200)
画面右上の+ボタンをクリックし、
1. Live Templateをクリック
![](https://assets.st-note.com/img/1678523752599-PW5qGLCspO.png?width=1200)
ショートカット用のAbbreviation(名前)とDescription(説明)を記入
「hc」と打てばHookConsumerWidgetが作成されるようにする
![](https://assets.st-note.com/img/1678523806714-UR39ejae0W.png?width=1200)
Template textにテンプレートを入力
class _$NAME$ extends HookConsumerWidget {
const _$NAME$();
@override
Widget build(BuildContext context, WidgetRef ref) {
//final todos = ref.read(homeScreenProvider.select((value) => value.todos));
//final notifier = ref.read(homeScreenProvider.notifier);
return Container($END$);
}
}
![](https://assets.st-note.com/img/1707582109898-KdHkejq4Ud.png?width=1200)
Defineをクリック
![](https://assets.st-note.com/img/1678524170896-ntRN5RFmzV.png?width=1200)
Dart > Top-levelにチェックを入れる
その後、画面右下のOKボタンをクリックで完了
![](https://assets.st-note.com/img/1678524179214-toz64tC1dQ.png?width=1200)
コード上にて、
「hc」と入力するとHookConsumerWidgetのテンプレートが生成される
![](https://assets.st-note.com/img/1678524379658-Iu0a4adrkp.png?width=1200)
![](https://assets.st-note.com/img/1678524383883-Xu2GuUcesC.png?width=1200)
VSCode編
この記事が気に入ったらサポートをしてみませんか?