Android studioでFlutterを使うときにウィジェットの親子関係を示す線を可視化する設定方法がわからない

Question

実現したいこと

発生している問題・分からないこと

上の写真のような線をAndroid studioでFlutterを使う時に表示するにはどのような設定をしてるか教えてくれませんか？🙇

該当のソースコード

特になし

試したこと・調べたこと

• teratailやGoogle等で検索した
• ソースコードを自分なりに変更した
• 知人に聞いた
• その他

stackoverflowの同じ質問
上のリンクのようにstackoverflowでも何個か同じ質問がありましたが解決されていませんでした。

上記の詳細・結果

プラグインやAndoroid studioの設定を触ってみましたがわかりませんでした。

補足

特になし

Comments

[ta.fu]

リンク先、Error 1011で見れませんが。

[kizemi]

指摘してくれてありがとうございます🙇
修正しました。

Answer 1

解決策ではなく代替案ですが、どうしてもエディター内でWidget Treeを視覚的に確認したいのなら、環境をVisual Studio Codeに変えるというのはどうでしょうか。
そちらのdart.previewFlutterUiGuidesという設定があり、同じようなことができます。

Android Studio側の方は以下Issueが出てるので、それを追っていけば解決策がいつか出てくるかも。
3か月ほど、何のアクションも出てないようですが。
https://github.com/flutter/flutter-intellij/issues/7848

この件、ちょっと前(昨年夏頃)にも問題提起されていて、それはV81で取り込んだよとなってはいたのだけど、どう修正されたのかがちょっと不明なのが気になります。
https://github.com/flutter/flutter-intellij/issues/7522

同じのがもう一件は行ってたのだけど、そちらも2年ほど放置されてて、最後古い項目だからという理由でクローズされてました。

なんか開発側も、積極的な対応をしていないように感じますね。

Comments

[kizemi]

丁寧な回答ありがとうございます。
非常に参考になりました！