Repository navigation
Layout Explorer not displaying accurate height of Widget in visualizer #2175
Description
Steps to Reproduce
- 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'),
],
),
]),
),
);
}
}
- Run the program using debug mode.
- Open DevTools
- Select Row widget in the Flutter Inspector.
- Open Layout Explorer.
- 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.
Logs
Activity
[-]Layout Explorer not showing the actual height of Widget[/-][+]Layout Explorer not displaying accurate height of Widget in visualizer[/+]TahaTesser commentedon Jun 22, 2020
flutter doctor -v
jacob314 commentedon Jul 15, 2020
Interestingly we are showing the height as zero in your screenshot although we are visualizing it like it is non-zero.
albertusdev commentedon Jul 19, 2020
@jacob314 because of the early design and decision on the scaling algorithm in Layout Explorer, we will always try to display and visualize a zero width/height on the Layout Explorer. But yes this is indeed a bug on the visualization widget. In this case the Layout Explorer should not have visualized the
TextandVerticalDividerheight equally...