first commit

moehu/moehu_fontend/lib/widget/InputWidget/extra_item_container.dart

@@ -0,0 +1,146 @@
+import 'package:flutter/material.dart';
+
+class ExtraItemContainer extends StatefulWidget {
+  final List<ExtraItem> items;
+
+  const ExtraItemContainer({
+    Key key,
+    this.items,
+  }) : super(key: key);
+
+  @override
+  _ExtraItemContainerState createState() => _ExtraItemContainerState();
+}
+
+class _ExtraItemContainerState extends State<ExtraItemContainer> {
+  @override
+  Widget build(BuildContext context) {
+    final pages = createPages();
+    return PageView(
+      children: pages,
+    );
+  }
+
+  List<Widget> createPages() {
+    final items = widget.items;
+    final hasLastPage = items.length % 8 == 0 ? 0 : 1;
+    final totalPageCount = items.length ~/ 8 + hasLastPage;
+    List<Widget> pages = [];
+    for (var i = 0; i < totalPageCount; i++) {
+      final page = getPage(i);
+      pages.add(page);
+    }
+    return pages;
+  }
+
+  Widget getPage(int page) {
+    List<ExtraItem> extras = [];
+    for (var i = 0; i < widget.items.length; i++) {
+      if (i < page * 8) continue;
+      if (i > (page + 1) * 8 - 1) continue;
+      extras.add(widget.items[i]);
+    }
+
+    List<ExtraItem> itemList1 = [];
+    List<ExtraItem> itemList2 = [];
+
+    for (var i = 0; i < extras.length; i++) {
+      if (i < 4) {
+        itemList1.add(extras[i]);
+      } else {
+        itemList2.add(extras[i]);
+      }
+    }
+
+    if (itemList1.length < 4) {
+      final length = itemList1.length;
+      for (var i = 0; i < 4 - length; i++) {
+        itemList1.add(EmptyExtraItem());
+      }
+    }
+
+    if (itemList2.length < 4) {
+      final length = itemList2.length;
+      for (var i = 0; i < 4 - length; i++) {
+        itemList2.add(EmptyExtraItem());
+      }
+    }
+
+    return Column(
+      children: <Widget>[
+        Expanded(
+          child: Row(
+            mainAxisSize: MainAxisSize.max,
+            children: <Widget>[
+              for (final item in itemList1)
+                Expanded(
+                  child: item.buildItem(),
+                )
+            ],
+          ),
+        ),
+        Expanded(
+          child: Row(
+            children: <Widget>[
+              for (final item in itemList2)
+                Expanded(
+                  child: item.buildItem(),
+                )
+            ],
+          ),
+        ),
+      ],
+    );
+  }
+}
+
+abstract class ExtraItem {
+  ExtraItem();
+
+  factory ExtraItem.def({Widget icon, String text, Function onPressed}) {
+    return DefaultExtraItem(
+      icon: icon,
+      text: text,
+      onPressed: onPressed,
+    );
+  }
+
+  Widget buildItem();
+}
+
+class DefaultExtraItem extends ExtraItem {
+  final Widget icon;
+  final String text;
+  final Function onPressed;
+
+  DefaultExtraItem({
+    this.icon,
+    this.text,
+    this.onPressed,
+  });
+
+  Widget buildItem() {
+    return InkWell(
+      onTap: onPressed,
+      child: Container(
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: <Widget>[
+            icon,
+            Container(
+              height: 10,
+            ),
+            Text(text),
+          ],
+        ),
+      ),
+    );
+  }
+}
+
+class EmptyExtraItem extends ExtraItem {
+  EmptyExtraItem();
+
+  @override
+  Widget buildItem() => Container();
+}