Tailor
Flutter widget that calculates the size of a widget in runtime.
Usage
Just wrap your widget with Tailor and get the size in the builder. The builder will return the size whenever the size of the widget changes.
Tailor(
builder: (_, size, child) {
return Container(
color: Colors.red,
height: 100,
width: 100,
alignment: Alignment.center,
child: Text(
"Size: ${size.toString()}",
textAlign: TextAlign.center,
style: const TextStyle(color: Colors.white),
),
);
},
);
We can get the size of any widget using Tailor widget but what if we want to get the size of the AppBar when it's placed in the Scaffold?
Then the Tailor widget will not work and you can't wrap it around the AppBar as it's a normal Widget and AppBar is a PreferredSizeWidget.
class AppBar extends StatefulWidget implements PreferredSizeWidget {
So to tackle this problem we've TailorAppBar. Just wrap the AppBar with TailorAppBar widget when it's placed in the Scaffold and voila! You'll get the size of your AppBar.
Scaffold(
appBar: TailorAppBar(
builder: (_, size) {
return AppBar(
title: Text('AppBar width: ${size.width} height: ${size.height}'),
);
},
),
);
1 Feb 15, 2022
15 Sep 5, 2022
28 Oct 29, 2022
61 Dec 6, 2022
86 Nov 20, 2022
0 Dec 22, 2021
61 Aug 22, 2022
8 Oct 3, 2022
2 Sep 23, 2022
0 Dec 28, 2021