Make yomi widgets wrap

JST-11
Oystein Kristoffer Tveit 2020-07-16 14:09:03 +02:00
parent a695c3f106
commit eb3caf16bd
2 changed files with 29 additions and 27 deletions

View File

@ -6,33 +6,33 @@ class Kunyomi extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Container(
child: Container(
margin: EdgeInsets.symmetric(
horizontal: 10.0,
vertical: 5.0,
),
child: Row(
children: _kunyomi.map((onyomi) {
return Container(
margin: EdgeInsets.symmetric(horizontal: 10.0),
padding: EdgeInsets.symmetric(
vertical: 10.0,
horizontal: 10.0,
margin: EdgeInsets.symmetric(
horizontal: 10.0,
vertical: 5.0,
),
alignment: Alignment.centerLeft,
child: Wrap(
runSpacing: 10.0,
children: _kunyomi.map((onyomi) {
return Container(
margin: EdgeInsets.symmetric(horizontal: 10.0),
padding: EdgeInsets.symmetric(
vertical: 10.0,
horizontal: 10.0,
),
child: Text(
onyomi,
style: TextStyle(
fontSize: 20.0,
color: Colors.white,
),
child: Text(
onyomi,
style: TextStyle(
fontSize: 20.0,
color: Colors.white,
),
),
decoration: BoxDecoration(
color: Colors.lightBlue,
borderRadius: BorderRadius.circular(10.0),
),
);
}).toList(),
),
),
decoration: BoxDecoration(
color: Colors.lightBlue,
borderRadius: BorderRadius.circular(10.0),
),
);
}).toList(),
),
);
}

View File

@ -10,7 +10,9 @@ class Onyomi extends StatelessWidget {
horizontal: 10.0,
vertical: 5.0,
),
child: Row(
alignment: Alignment.centerLeft,
child: Wrap(
runSpacing: 10.0,
children: _onyomi.map((onyomi) {
return Container(
margin: EdgeInsets.symmetric(horizontal: 10.0),