💡

[Flutter] VSCodeのコードアクションで`Stack`がない問題

に公開

問題

コードアクションでStackが出てこない。

コードアクション:cmd + .(windowsならctrl + .

ウィジェットをStackウィジェットで囲みたい時は、

  1. 今あるウィジェットを選択してカット
  2. Stackウィジェットを追加
  3. childrenにペースト
  4. 重ねたいウィジェットを追加

とやっていて、地味に面倒だなと思っていた。

対策

コードアクションで、一度ColumnRowで囲ってから、Stackに変更する。
これなら、すでにあるウィジェットたちがchildrenに入ってくれるのでカット&ペーストの手間が減る。

Discussion