More Actionsを使って開発時間を短縮
今回はMore Actions...について
下記画像のMore Actions...にある『Wrap with 〇〇』は
WidgetをWrapしてくれます。
方法はとても簡単なのでぜひやってみてください。
| Widget | 効果 |
|---|---|
| widget | widgetでWrapしてくれる(基本的にWrapした後に任意のWidget書き換える) |
| Builder | BuilderでWrapしてくれる |
| Center | CenterでWrapしてくれる |
| Column | ColumnでWrapしてくれる |
| Container | ContainerでWrapしてくれる |
| Padding | PaddingでWrapしてくれる |
| Row | RowでWrapしてくれる |
| StreamBuilder | StreamBuilderでWrapしてくれる |
方法
WidgetでWrapしたいWidgetにカーソルを合わせて
『cmd』＋『.』(Mac)
を選択します。
すると先ほどの画像のようになります。
最後にどのWidgetでWrapするか選択すればOK！
結果
※例としてWrap with Centerを選択した時の結果を載せます。
SizedBoxをWrapした時↓
TextをWrapした時↓
