Skip to content

Layout Explorer not displaying accurate height of Widget in visualizer #2175

Description

@katisari

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'),
],
),
]),
),
);
}
}
  1. Run the program using debug mode.
  2. Open DevTools
  3. Select Row widget in the Flutter Inspector.
  4. Open Layout Explorer.
  5. 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

Metadata

Metadata

Assignees

No one assigned

    Labels

    P2important to work on, but not at the top of the work list.bugSomething isn't workingcost: lowLow engineering cost to implement.layout explorerscreen: inspector

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions