flutter / flutter/devtools

Layout Explorer not displaying accurate height of Widget in visualizer

Open
#2,175 3 comments 0 reactions 0 assignees View on GitHub
bug cost: low layout explorer P2 screen: inspector
Dominant language
Dart
Stars
1.7k
Forks
404
Avg merge
6d 17h
Merged PRs (30d)
18

Description

## Steps to Reproduce

1. Replace the contents of main.dart with the following code:
```
import 'package:flutter/material.dart';

void main() {
runApp(MyApp());
}

class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
home: Scaffold(
appBar: AppBar(
title: Text('Demo'),
),
body: Column(children: [
Row(
children: [
Text('hello'),
VerticalDivider(
thickness: 5.0,
),
Text('Word'),
],
),
]),
),
);
}
}

```
2. Run the program using debug mode.
3. Open DevTools
4. Select Row widget in the Flutter Inspector.
5. Open Layout Explorer.
6. Change Cross Axis to Stretch mode.

**Expected results:**
Nothing shows on Layout Explorer screen since adding CrossAxisAlginment.Stretch to the Row widget will create an error.
**Actual results:**
VerticalDivider increases in height in the Layout Explorer visualizer, but the actual height remains 0.
Screen Shot 2020-06-19 at 8 12 04 PM

Logs

```
```

```
```

```
```

Contributor guide

Open the contributing guide

Research direction

Reproduce the issue with the supplied main.dart example, then inspect the DevTools Layout Explorer visualizer while selecting the Row and switching Cross Axis to Stretch. Compare the displayed VerticalDivider height with its actual height; done means the visualizer reports the widget's accurate height without introducing the described error.

Written by the indexing model from the issue text.

Assessment

Tech stack
dart
Domain
devtools
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.