LoginSignup
2
1

More than 3 years have passed since last update.

vscode StatelessWidgetからStatefulWidgetに自動変換するショートカットキー

Posted at

Widgetの状態(State)について

ご存知の通り、FlutterにはStatelessWidgetとStatefulWidgetの2種類Widgetがある。

アプリ開発をしていると、途中から「あ、この部分は値を動的に変更させないとダメだわ」とか言う感じで、色々とコードが変わってくる。

そんな時におすすめのvscodeショートカット!

前提

VSCodeでFlutterの開発環境を整える
:point_up_2:上記より、VSCodeでFlutter(Dart)の拡張を2つ入れている

Widgetを変換してみる

こちらの記事で登場するとキー全く同じ。

スクリーンショット 2020-08-25 22.13.58.jpg

ウィジェットにカーソルを合わせて
CMD + .(MacOS)
CTRL + .(Windows)

これでStatelessWidgetからStatefulWidgetに変換できる!

2
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
1