binary-ibex · July 4, 2021 04:32 · Jul 4, 2021
diff --git a/index.html b/index.html
@@ -0,0 +1 @@
+<!Doctype html>
diff --git a/main.dart b/main.dart
@@ -0,0 +1,145 @@
+import 'package:flutter/material.dart';
+import 'dart:math';
+
+void main() {
+  runApp(MyApp());
+}
+
+class MyApp extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return MaterialApp(
+      debugShowCheckedModeBanner: false,
+      home: Scaffold(
+        body: Center(
+          child: MyWidget(),
+        ),
+      ),
+    );
+  }
+}
+
+class MyWidget extends StatefulWidget {
+  @override
+  _StateMyWidget createState() => _StateMyWidget();
+}
+
+class _StateMyWidget extends State<MyWidget> {
+  Map<int, Widget> widgetList = {};
+  int boxCount = 0;
+
+  @override
+  initState() {
+    super.initState();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return ListView(children: [
+      Column(
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          Column(
+              mainAxisSize: MainAxisSize.min,
+              children: widgetList.values.toList()),
+          TextButton(
+              onPressed: () {
+                widgetList[boxCount] =
+                    new MyBox(boxIndex: boxCount, deleteFunction: deleteBox);
+                setState(() {});
+                boxCount += 1;
+              },
+              child: Text("Add"))
+        ],
+      )
+    ]);
+  }
+
+  deleteBox(boxIndex) {
+    widgetList.remove(boxIndex);
+    setState(() {});
+  }
+}
+
+class MyBox extends StatefulWidget {
+  final int boxIndex;
+  final Function deleteFunction;
+  MyBox({required this.boxIndex, required this.deleteFunction});
+  _StateMyBox createState() => _StateMyBox();
+}
+
+class _StateMyBox extends State<MyBox> {
+  var containerColor;
+  @override
+  initState() {
+    super.initState();
+    containerColor =
+        Colors.primaries[Random().nextInt(Colors.primaries.length)];
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+        width: 200,
+        height: 200,
+        margin: EdgeInsets.all(17),
+        padding: EdgeInsets.all(10),
+        color: containerColor,
+        child: Column(children: [
+          Row(children: [
+            Text("Box Number: ${widget.boxIndex}"),
+            Spacer(),
+            IconButton(
+              icon: const Icon(Icons.clear),
+              onPressed: () {
+                widget.deleteFunction(widget.boxIndex);
+              },
+            ),
+          ]),
+          RegistrationDropdown(listData: ['One', 'Two', 'Three', 'Four']),
+        ]));
+  }
+}
+
+class RegistrationDropdown extends StatefulWidget {
+  final List<String> listData;
+  RegistrationDropdown({
+    required this.listData,
+  });
+  @override
+  _StateRegistrationDropdown createState() {
+    return _StateRegistrationDropdown();
+  }
+}
+
+class _StateRegistrationDropdown extends State<RegistrationDropdown> {
+  String dropdownValue = 'One';
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+        color: Colors.white,
+        padding: EdgeInsets.only(left: 10, right: 10),
+        child: DropdownButton<String>(
+          isExpanded: true,
+          underline: SizedBox(),
+          value: dropdownValue,
+          icon: const Icon(Icons.arrow_downward),
+          iconSize: 24,
+          elevation: 16,
+          style: const TextStyle(color: Colors.deepPurple),
+          onChanged: (String? newValue) {
+            print("Previous dropdown value $dropdownValue");
+            print("New value $newValue");
+            setState(() {
+              dropdownValue = newValue!;
+            });
+          },
+          items: widget.listData.map<DropdownMenuItem<String>>((String value) {
+            return DropdownMenuItem<String>(
+              value: value,
+              child: Text(value),
+            );
+          }).toList(),
+        ));
+  }
+}