flutter / flutter/devtools

Allow more flexible input for flex values

Open
#4,058 0 comments 0 reactions 0 assignees View on GitHub
P3 screen: inspector
Dominant language
Dart
Stars
1.7k
Forks
404
Avg merge
6d 17h
Merged PRs (30d)
18

Description

Currently the flex inputs in the Devtools UI only allows flex value inputs for `null` and `0` through `5`.
A fix is being put in that will show flex values >5 to show in the UI, but that will only be if the user has put in that flex value programmatically.

After the fix is put in, the flex input will look as follows, if a value of 70 is put in the flex box, and then user clicks on it.
Before Click
![Screen Shot 2022-05-02 at 1 50 40 PM](https://user-images.githubusercontent.com/1386322/166298770-474d5287-7371-4bc3-baa0-de992cbf2648.png)
After Click
![Screen Shot 2022-05-02 at 1 50 48 PM](https://user-images.githubusercontent.com/1386322/166298802-ce3282c1-ee0b-4a36-a984-7b4d6ec4df0a.png)

This approach still has issues:
- having such a long like is unwieldy from a UI perspective
- the user has no way to enter numbers > 5 from the UI.

To improve this experience we should find a way to support more diverse input and a UI experience.
Potentially we could have a text input, that would allow us to enter an integer, or null.

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.