From a695c3f10626435dc419d8555efff371502426b6 Mon Sep 17 00:00:00 2001
From: h7x4abk3g <h7x4abk3g@protonmail.com>
Date: Thu, 16 Jul 2020 14:08:51 +0200
Subject: [PATCH] Add meaning widget

---
 .../kanji__search_page/kanji_search_page.dart |  3 +-
 .../kanji/kanji__search_page/meaning.dart     | 28 +++++++++++++++++++
 2 files changed, 30 insertions(+), 1 deletion(-)
 create mode 100644 lib/components/kanji/kanji__search_page/meaning.dart

diff --git a/lib/components/kanji/kanji__search_page/kanji_search_page.dart b/lib/components/kanji/kanji__search_page/kanji_search_page.dart
index 8bf98e1..5f3b231 100644
--- a/lib/components/kanji/kanji__search_page/kanji_search_page.dart
+++ b/lib/components/kanji/kanji__search_page/kanji_search_page.dart
@@ -1,11 +1,11 @@
 import 'package:flutter/material.dart';
-import 'package:jisho_study_tool/components/kanji/kanji__search_page/kunyomi.dart';
 
 import 'package:unofficial_jisho_api/api.dart' as jisho;
 
 import './grade.dart';
 import './header.dart';
 import './jlpt_level.dart';
+import './meaning.dart';
 import './radical.dart';
 import './rank.dart';
 import './stroke_order_gif.dart';
@@ -44,6 +44,7 @@ class KanjiResultCard extends StatelessWidget {
             ],
           ),
         ),
+        Meaning(_result.meaning),
         _result.onyomi.length != 0 ? Onyomi(_result.onyomi) : SizedBox.shrink(),
         _result.kunyomi.length != 0 ? Kunyomi(_result.kunyomi) : SizedBox.shrink(),
         IntrinsicHeight(
diff --git a/lib/components/kanji/kanji__search_page/meaning.dart b/lib/components/kanji/kanji__search_page/meaning.dart
new file mode 100644
index 0000000..4730a42
--- /dev/null
+++ b/lib/components/kanji/kanji__search_page/meaning.dart
@@ -0,0 +1,28 @@
+import 'package:flutter/material.dart';
+
+class Meaning extends StatelessWidget {
+  String _meaning;
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      margin: EdgeInsets.symmetric(
+        horizontal: 10.0,
+        vertical: 5.0,
+      ),
+      alignment: Alignment.centerLeft,
+      child: Wrap(
+        runSpacing: 10.0,
+        children: _meaning
+            .split(',')
+            .map((meaning) => Container(
+                  margin: EdgeInsets.symmetric(horizontal: 10.0),
+                  child: Text(meaning),
+                ))
+            .toList(),
+      ),
+    );
+  }
+
+  Meaning(this._meaning);
+}