flutter / flutter/flutter-intellij

Provide a widget map feature to help users locate code from UI

Open
#4,080 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
Java
Stars
2k
Forks
356
Avg merge
1d 11h
Merged PRs (30d)
27

Description

## Problem

When working on an unfamiliar codebase, the user can have difficulty finding the widget code they are asked to modify in a given screen.

## Proposal

Add a widget map feature which shows preview images for all the screens in a Flutter project and allow the user to inspect widgets in each screen to locate the code for a specific widget.

In addition, since user study shows that people tend to start examining a Flutter codebase from `pubspec.yaml` and `main.dart`. We could show a mini widget map when the user opens these two files to improve discoverability.

Here is a mockup for this concept:

![widget map](https://user-images.githubusercontent.com/348942/68610644-16e0d080-046d-11ea-8526-d76caa8e6f35.png)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.