oysteikt/Jisho-Study-Tool
oysteikt
/
Jisho-Study-Tool
mirror of https://github.com/h7x4/Jisho-Study-Tool.git
1
0
Fork 0
Code Issues Releases Activity

Make yomi widgets wrap

This commit is contained in:
Oystein Kristoffer Tveit 2020-07-16 14:09:03 +02:00
parent a695c3f106
commit eb3caf16bd
2 changed files with 29 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
lib/components/kanji/kanji__search_page/kunyomi.dart
View File

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

4
lib/components/kanji/kanji__search_page/onyomi.dart
View File

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