Help us understand the problem. What is going on with this article?

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

More than 1 year has passed since last update.

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

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away