Part 11 -Priority Setup

Author: CodingWithTashi

lib/screen/note_detail_page.dart

@@ -1,6 +1,7 @@
 import 'package:drift/drift.dart' as dr;
 import 'package:flutter/material.dart';
 import 'package:note_keeper/database/database.dart';
+import 'package:note_keeper/util/priority_picker.dart';
 import 'package:provider/provider.dart';
 
 class NoteDetailPage extends StatefulWidget {
@@ -18,12 +19,16 @@ class _NoteDetailPageState extends State<NoteDetailPage> {
   late AppDatabase appDatabase;
   late TextEditingController titleEditingController;
   late TextEditingController descriptionEditingController;
+  int priorityLevel = 0;
+  int colorLevel = 0;
   @override
   void initState() {
     titleEditingController = TextEditingController();
     descriptionEditingController = TextEditingController();
     titleEditingController.text = widget.noteCompanion.title.value;
     descriptionEditingController.text = widget.noteCompanion.description.value;
+    priorityLevel = widget.noteCompanion.priority.value!;
+    colorLevel = widget.noteCompanion.color.value!;
     super.initState();
   }
 
@@ -33,9 +38,18 @@ class _NoteDetailPageState extends State<NoteDetailPage> {
     return Scaffold(
       appBar: _getDetailAppBar(),
       body: Container(
-        padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 10),
+        padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 10),
         child: Column(
           children: [
+            PriorityPicker(
+              index: priorityLevel,
+              onTap: (selectedIndex) {
+                priorityLevel = selectedIndex;
+              },
+            ),
+            SizedBox(
+              height: 10,
+            ),
             TextFormField(
               controller: titleEditingController,
               decoration: InputDecoration(

lib/util/priority_picker.dart

@@ -0,0 +1,51 @@
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+
+class PriorityPicker extends StatefulWidget {
+  int index;
+  Function(int) onTap;
+  PriorityPicker({Key? key, required this.index, required this.onTap})
+      : super(key: key);
+
+  @override
+  _PriorityPickerState createState() => _PriorityPickerState();
+}
+
+class _PriorityPickerState extends State<PriorityPicker> {
+  List<String> nameList = ['Low', 'High', 'Very High'];
+  List<Color> colorList = [Colors.green, Colors.greenAccent, Colors.red];
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      width: MediaQuery.of(context).size.width,
+      height: 50,
+      child: ListView.builder(
+        scrollDirection: Axis.horizontal,
+        itemCount: nameList.length,
+        itemBuilder: (context, index) {
+          return InkWell(
+            onTap: () {
+              widget.index = index;
+              setState(() {});
+            },
+            child: Container(
+              margin: EdgeInsets.only(right: 5),
+              decoration: BoxDecoration(
+                  borderRadius: BorderRadius.circular(5),
+                  border: Border.all(color: Colors.black),
+                  color:
+                      widget.index == index ? colorList[index] : Colors.white),
+              width: MediaQuery.of(context).size.width / 3.4,
+              child: Center(
+                  child: Text(
+                nameList[index],
+                style: TextStyle(
+                    color: widget.index == index ? Colors.white : Colors.black),
+              )),
+            ),
+          );
+        },
+      ),
+    );
+  }
+}