flexible horizontal tags

This commit is contained in:
Valentin CZERYBA 2024-10-20 20:27:17 +02:00
parent 519d20fd63
commit 8b87f55bf9

View File

@ -250,42 +250,44 @@ class _ItemMenuState extends State<ItemMenu> with ShowErrorDialog {
) )
]), ]),
Row(children: [ Row(children: [
Padding( Flexible(
padding: const EdgeInsets.only( flex: 3,
top: 8, fit: FlexFit.tight,
bottom: 8, child: Padding(
left: 8, padding: const EdgeInsets.only(
), top: 8,
child: Wrap( bottom: 8,
runSpacing: 4.0, left: 8,
spacing: 4.0, ),
direction: Axis.vertical, child: Wrap(
children: organizers.map((String tag) { runSpacing: 2.0,
return Container( spacing: 2.0,
decoration: const BoxDecoration( children: organizers.map((String tag) {
borderRadius: BorderRadius.all( return Container(
Radius.circular(20.0), decoration: const BoxDecoration(
), borderRadius: BorderRadius.all(
color: Colors.blue, Radius.circular(20.0),
),
margin: const EdgeInsets.symmetric(horizontal: 5.0),
padding: const EdgeInsets.symmetric(
horizontal: 10.0, vertical: 5.0),
child: Row(
mainAxisAlignment: MainAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
children: [
InkWell(
child: Text(
'$tag',
style: const TextStyle(color: Colors.white),
), ),
color: Colors.blue,
), ),
], margin: const EdgeInsets.symmetric(horizontal: 5.0),
), padding: const EdgeInsets.symmetric(
); horizontal: 10.0, vertical: 5.0),
}).toList()), child: Row(
), mainAxisAlignment: MainAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
children: [
InkWell(
child: Text(
'$tag',
style: const TextStyle(color: Colors.white),
),
),
],
),
);
}).toList()),
)),
]), ]),
Row(children: [ Row(children: [
Icon(Icons.description), Icon(Icons.description),
@ -306,42 +308,46 @@ class _ItemMenuState extends State<ItemMenu> with ShowErrorDialog {
]), ]),
Row( Row(
children: [ children: [
Padding( Flexible(
padding: const EdgeInsets.only( flex: 3,
top: 8, fit: FlexFit.tight,
bottom: 8, child: Padding(
left: 8, padding: const EdgeInsets.only(
), top: 8,
child: Wrap( bottom: 8,
runSpacing: 4.0, left: 8,
spacing: 4.0, ),
direction: Axis.vertical, child: Wrap(
children: tags.map((String tag) { runSpacing: 2.0,
return Container( spacing: 2.0,
decoration: const BoxDecoration( children: tags.map((String tag) {
borderRadius: BorderRadius.all( return Container(
Radius.circular(20.0), decoration: const BoxDecoration(
), borderRadius: BorderRadius.all(
color: Colors.blue, Radius.circular(20.0),
),
margin: const EdgeInsets.symmetric(horizontal: 5.0),
padding: const EdgeInsets.symmetric(
horizontal: 10.0, vertical: 5.0),
child: Row(
mainAxisAlignment: MainAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
children: [
InkWell(
child: Text(
'$tag',
style: const TextStyle(color: Colors.white),
), ),
color: Colors.blue,
), ),
], margin:
), const EdgeInsets.symmetric(horizontal: 5.0),
); padding: const EdgeInsets.symmetric(
}).toList()), horizontal: 10.0, vertical: 5.0),
), child: Row(
mainAxisAlignment: MainAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
children: [
InkWell(
child: Text(
'$tag',
style:
const TextStyle(color: Colors.white),
),
),
],
),
);
}).toList()),
)),
], ],
) )
], ],