LoginSignup
23
7

More than 5 years have passed since last update.

FlutterでWidgetをWrapするためのショートカットが超便利

Posted at

Flutterでアプリのコードを書いていて、
既存のColumnExpandedでWrapしたい!
みたいなとき、何にも知らない私は
Columnの箇所を選択してカットして、代わりにExpandedを書いてそのchild: に先ほどのColumnをペーストして。。
というやり方をしていました。

これメンドクサイのでなんとかならないとのかな〜と思っていたら、IDEのショートカットで簡単に出来ることが分かりました。

その方法は、Codelabsのこちらの回のなかで紹介れています。

9ccd4f42017afaa7.png

WrapさせたいWidgetをクリックすると、その行の左にバルブが表示されるので、それをクリックします。
そうすると、Wrap with new widgetという項目が出てくるので、それを選択するとwidgetでwrapしてくれます。あとはそれを目的のWidgetに置き換えるだけです。

キーボードのショートカットの場合、option+return (macOS) alt+enter (Linux, Windows) です。

上では IntelliJ IDEAの例ですが、AndroidStudioでも同様にできました。
キーボードのショートカットも同じです(Linux, Windowsは未確認)。

WidgetWrapShortCutViaAndroidStudio.jpg

23
7
1

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
23
7