在 Android Studio Flutter 项目的上下文菜单中用未显示的列换行

Question

I've been trying to learn flutter, but I keep getting problems not with the code, but with the behaviour of the IDEs. I've spent considerably more time (feels like at least 10x the amount) trying to fix issues that actually have nothing to do with the code.

My current problem is that I've seen several tutorials where the instructor highlights the scaffold widget in code, right clicks and goes 'wrap with Column'. That option simply isn't there for me, so I'm having trouble following the guide.

I even tried to do this with the shortcut ctrl+. in VScode, and that doesn't show me a wrap column option either. I could just write the code manually, copying what happens when the instructor uses the context menu, but I feel I shouldn't have to. Any ideas?

Here is what the instructor sees

And here is what I see

Answer 1

Just make sure Scope analysis to the current package in Dart Analysis Server Settings is checked.

1. Just at the bottom of Android Studio, go to Dart Analysis -> Analyser Settings

2. Check Scope analysis to the current package

Check the image here for details

Answer 2

Put your cursor at the last letter of the widget name.

For example:

child: TextFormField(
          style: TextStyle(
            color: Colors.white,
          ),

to show "Wrap with column or row menu" put your cursor at the last character of TextFormField. (between d letter and "(")

wrap with column will show like this

Answer 3

Ok, so it turns out you need to only right-click the widget name and not highlight the widget and then right click. Wrap in column showed as soon as I did this.