ショートカットキーを使って Widget を Widget でラップするの?|Windows|Android Studio|Flutter

ある Widget をしっかり実装してから、その上位階層にさらに Widget を実装(ラップ)するケースってあるよね。例えば、テキストを後になってからセンタリングしたくなった、とか。


Text('ゴマッチョ');
 ↓
Center(child:);
Text('ゴマッチョ');
 ↓
カット&ペースト
 ↓
Center(child: Text('ゴマッチョ'));


いちいちカット&ペーストするの面倒だよ~。Widget の実装が長くて大きいと特に大変だよ~。

なんてことは、ショートカットキーを使えば解決だ!


使い方

ラップしたい Widget を選択して、キーボードの「Alt + Enter」キーを押下する。

Text('ゴマッチョ');


「Wrap with XXX」を選択すれば、すっぽり Widget を囲ってくれるよ。


Text('ゴマッチョ');
 ↓
ショートカットキー
 ↓
Center(child: Text('ゴマッチョ'));


コメント

このブログの人気の投稿

ImagePicker を操作すると「Lost connection to device.」とだけ言い残して強制終了するの?|iOS|Flutter

Android SDK バージョン(コンパイルに使用する Android API レベル)を変更するの?|compileSdkVersion|SDK|Android|Flutter