From eb3caf16bdada3d33661422afc12eb011209fe93 Mon Sep 17 00:00:00 2001 From: h7x4abk3g Date: Thu, 16 Jul 2020 14:09:03 +0200 Subject: [PATCH] Make yomi widgets wrap --- .../kanji/kanji__search_page/kunyomi.dart | 52 +++++++++---------- .../kanji/kanji__search_page/onyomi.dart | 4 +- 2 files changed, 29 insertions(+), 27 deletions(-) diff --git a/lib/components/kanji/kanji__search_page/kunyomi.dart b/lib/components/kanji/kanji__search_page/kunyomi.dart index 146b10c..09164d3 100644 --- a/lib/components/kanji/kanji__search_page/kunyomi.dart +++ b/lib/components/kanji/kanji__search_page/kunyomi.dart @@ -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(), ), ); } diff --git a/lib/components/kanji/kanji__search_page/onyomi.dart b/lib/components/kanji/kanji__search_page/onyomi.dart index 77c37d9..3d8cc9b 100644 --- a/lib/components/kanji/kanji__search_page/onyomi.dart +++ b/lib/components/kanji/kanji__search_page/onyomi.dart @@ -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),