I had trouble getting a VerticalDivider to show up in a #flutter toolbar. It's because the Row didn't have any explicit height. There are two solutions: wrap it in a SizedBox, or wrap the row in an IntrinsicHeight. The latter can have performance penalties deep in the widget tree.
Hmm... @Hank G ☑️ perhaps my read of this is failing... it looks like the code under "Fix 1" and "Fix 2" is identical. Was that intentional? Or am I just not reading it closely enough? Cheers, -Randy
![//Wrong: won't show unless Row is given height at some point up the widget tree
return Row(
children: [
IconButton(onPressed: () {}, icon: Icon(Icons.save)),
VerticalDivider(),
IconButton(onPressed: () {}, icon: Icon(Icons.cut))
],
);
//Fix 1: Give it explicit size
return Row(
children: [
IconButton(onPressed: () {}, icon: Icon(Icons.save)),
SizedBox(height: 20.0, child: VerticalDivider()),
IconButton(onPressed: () {}, icon: Icon(Icons.cut))
],
);
//Fix 2: Give row IntrinsicHeight, expensive if used deep in the widget tree
return Row(
children: [
IconButton(onPressed: () {}, icon: Icon(Icons.save)),
SizedBox(height: 20.0, child: VerticalDivider()),
IconButton(onPressed: () {}, icon: Icon(Icons.cut))
],
);](https://friendica.myportal.social/photo/preview/640/21226659 "//Wrong: won't show unless Row is given height at some point up the widget tree
return Row(
children: [
IconButton(onPressed: () {}, icon: Icon(Icons.save)),
VerticalDivider(),
IconButton(onPressed: () {}, icon: Icon(Icons.cut))
],
);
//Fix 1: Give it explicit size
return Row(
children: [
IconButton(onPressed: () {}, icon: Icon(Icons.save)),
SizedBox(height: 20.0, child: VerticalDivider()),
IconButton(onPressed: () {}, icon: Icon(Icons.cut))
],
);
//Fix 2: Give row IntrinsicHeight, expensive if used deep in the widget tree
return Row(
children: [
IconButton(onPressed: () {}, icon: Icon(Icons.save)),
SizedBox(height: 20.0, child: VerticalDivider()),
IconButton(onPressed: () {}, icon: Icon(Icons.cut))
],
);")
randygalbraith
in reply to Hank G ☑️ • • •Hank G ☑️
in reply to randygalbraith • •Hank G ☑️
in reply to Hank G ☑️ • •randygalbraith
in reply to Hank G ☑️ • • •Hank G ☑️ likes this.