Can't enable UI guides for build methods (no horizontal tree guide)

[LeytonHouck]

Steps to Reproduce

In IntelliJ, I can't enable the horizontal tree guides. I know this issue was already opened and closed (#6253) but the solution that supposedly solved it is not fixing the problem. I have tried Unchecking Show UI Guides for build methods, applying, checking Show UI Guides for build methods on again, and applying. I have tried updating to the latest beta SDK for flutter as well with no change. The issue persisted in both the stable build and beta.

What I see:

What I want:

Version info

[√] Flutter (Channel beta, 3.27.0-0.2.pre, on Microsoft Windows [Version 10.0.22631.4460], locale en-US)
• Flutter version 3.27.0-0.2.pre on channel beta at C:\Users\Leyto\FlutterSDK\flutter
• Upstream repository https://github.com/flutter/flutter.git
• Framework revision fc011960a2 (3 weeks ago), 2024-11-14 12:19:18 -0800
• Engine revision 397deba30f
• Dart version 3.6.0 (build 3.6.0-334.4.beta)
• DevTools version 2.40.1

[√] Windows Version (Installed version of Windows is version 10 or higher)

[√] Android toolchain - develop for Android devices (Android SDK version 35.0.0)
• Android SDK at C:\Users\Leyto\AppData\Local\Android\sdk
• Platform android-35, build-tools 35.0.0
• Java binary at: C:\Program Files\Java\jdk-17\bin\java
• Java version Java(TM) SE Runtime Environment (build 17.0.12+8-LTS-286)
• All Android licenses accepted.

[√] Chrome - develop for the web
• Chrome at C:\Program Files\Google\Chrome\Application\chrome.exe

[√] Visual Studio - develop Windows apps (Visual Studio Community 2022 17.8.16)
• Visual Studio at C:\Program Files\Microsoft Visual Studio\2022\Community
• Visual Studio Community 2022 version 17.8.35430.204
• Windows 10 SDK version 10.0.22621.0

[√] Android Studio (version 2024.2)
• Android Studio at C:\Program Files\Android\Android Studio1
• Flutter plugin can be installed from:
https://plugins.jetbrains.com/plugin/9212-flutter
• Dart plugin can be installed from:
https://plugins.jetbrains.com/plugin/6351-dart
• Java version OpenJDK Runtime Environment (build 21.0.3+-12282718-b509.11)

[√] IntelliJ IDEA Ultimate Edition (version 2024.3)
• IntelliJ at C:\Program Files\JetBrains\IntelliJ IDEA 2024.3
• Flutter plugin version 83.0.4
• Dart plugin version 243.23177

[√] VS Code (version 1.95.3)
• VS Code at C:\Users\Leyto\AppData\Local\Programs\Microsoft VS Code
• Flutter extension version 3.102.0

[√] VS Code (version 1.86.0-insider)
• VS Code at C:\Users\Leyto\AppData\Local\Programs\Microsoft VS Code Insiders
• Flutter extension can be installed from:
https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter

[√] Connected device (3 available)
• Windows (desktop) • windows • windows-x64 • Microsoft Windows [Version 10.0.22631.4460]
• Chrome (web) • chrome • web-javascript • Google Chrome 131.0.6778.108
• Edge (web) • edge • web-javascript • Microsoft Edge 129.0.2792.65
! Device emulator-5562 is offline.

[√] Network resources
• All expected network resources are available.

• No issues found!

[changja88]

Please fix this issue !

[Dartheryon]

I confirm the issue. I am suffering it as well. I already toggle the option and restart intellij idea ultimate. Nothing changed. I hope you guys can fix it! You are the best!! :D

[edpizzi]

Same here, Android Studio 2024.2.1 Patch 3 (build #AI-242.23339.11.2421.12700392), Flutter channel stable (3.27.1), MacOS.

"Show UI Guides for build methods" enabled. I tried disabling and enabling this option and restarting the app.

[benaleo]

me also got this problem ui guide, Android Studio 2024.2.1 Patch 3, flutter ARM stable 3.27.1

[tranvu1805]

same issue, pls fix it

[changja88]

any update?...😭

[Boxsitter]

any update?...😭

I've been working for months on my end to try to fix this and absolutely nothing works. That goes for both IntelliJ and Android Studio.

I literally don't know what else to do except hope that someone involved with the project sees this or that it gets patched in some update :(

Edit: I'm the one who opened the issue, I'm just on a different account and didn't realize 🫠

[NewLiuRen]

same issue, pls fix it, You are the best!

Android Studio Koala | 2024.1.1
Build #AI-241.15989.150.2411.11948838, built on June 11, 2024
Runtime version: 17.0.10+0--11609105 amd64
VM: OpenJDK 64-Bit Server VM by JetBrains s.r.o.
Windows 10.0
GC: G1 Young Generation, G1 Old Generation
Memory: 2048M
Cores: 4
Registry:
ide.experimental.ui=true
Non-Bundled Plugins:
Dart (241.18808)
io.flutter (83.0.2)

[apocalyse-18]

The feature was deprecated in intelli j and flutter as it was redundant (to be honest I don't know why they removed it, structure view is a huge headache to use since you have to shift between two windows) to structure in view tab -> tool window -> structure , the structure does show the hierarchy but it is not in the editor itself it's in a separate window, visual studio code might be a good alternative as they still have this guide you guys can check this https://dartcode.org/releases/v3-1/#preview-flutter-ui-guides.

The tree view is in part of the flutter outline window which is ie deprecated. The preferences option of enabling and disabling solution would not work, one way to do to get back the feature is use a lower version or downgrade another would be someone create a plugin for intelli j or in the next version they enable this feature again I hope.

[Boxsitter]

The feature was deprecated in intelli j and flutter as it was redundant (to be honest I don't know why they removed it, structure view is a huge headache to use since you have to shift between two windows) to structure in view tab -> tool window -> structure , the structure does show the hierarchy but it is not in the editor itself it's in a separate window, visual studio code might be a good alternative as they still have this guide you guys can check this https://dartcode.org/releases/v3-1/#preview-flutter-ui-guides.

The tree view is in part of the flutter outline window which is ie deprecated. The preferences option of enabling and disabling solution would not work, one way to do to get back the feature is use a lower version or downgrade another would be someone create a plugin for intelli j or in the next version they enable this feature again I hope.

Well that is very frustrating if true. Like you said, the structure view is not a good enough replacement. Also, it is clear from just how many people are here trying to find a fix that this is still a needed and useful feature to be reimplemented. Once again for the devs in the back THIS IS STILL A NEEDED AND USEFUL FEATURE TO BE REIMPLEMENTED! 🗣️

I am wondering though, do you know for sure that the widget guide in the editor was specifically deprecated? I know the outline window is gone but like you pointed out, the option in preferences for the guides is still there.

[apocalyse-18]

The feature was deprecated in intelli j and flutter as it was redundant (to be honest I don't know why they removed it, structure view is a huge headache to use since you have to shift between two windows) to structure in view tab -> tool window -> structure , the structure does show the hierarchy but it is not in the editor itself it's in a separate window, visual studio code might be a good alternative as they still have this guide you guys can check this https://dartcode.org/releases/v3-1/#preview-flutter-ui-guides.
The tree view is in part of the flutter outline window which is ie deprecated. The preferences option of enabling and disabling solution would not work, one way to do to get back the feature is use a lower version or downgrade another would be someone create a plugin for intelli j or in the next version they enable this feature again I hope.

Well that is very frustrating if true. Like you said, the structure view is not a good enough replacement. Also, it is clear from just how many people are here trying to find a fix that this is still a needed and useful feature to be reimplemented. Once again for the devs in the back THIS IS STILL A NEEDED AND USEFUL FEATURE TO BE REIMPLEMENTED! 🗣️

I am wondering though, do you know for sure that the widget guide in the editor was specifically deprecated? I know the outline window is gone but like you pointed out, the option in preferences for the guides is still there.

I'm not exactly sure but base on 7778 most likely. I'm trying to find official patch notes related to it or If someone does have a workaround for it that would be nice but I suggest just use the older version of intelli j (see image below). It might also be related to this (if it is then they probably did deprecate it and those related to it)
#7778

Although they just commented it out, might be a consequence of that but I can only speculate. Let's hope someone have more answer for this bug or if it's really deprecated due to structure view.

This is my older version of Intelli J CE 2023 version the tree view is there. I currently switched to this version.

This is my new version of Intelli J CE 2024.1, the tree view is not there anymore...

Both of the options were enabled. If you don't have a need for the newer version functions I guess 2023 might be a good alternative for now.

*Edit: I just noticed you were using the ultimate of the 24 versions. I only use CE editions well might still be one off patch or they did deprecate unintentionally/intentionally.

[helin24]

This seems like a bug but I don't think we have the capacity to prioritize fixing anytime soon. If someone else wants to attempt fixing, I'd refer to #4522 for a code pointer.