feat(Exam): done do exam screen UI

Author: lambiengcode

analysis_options.yaml

@@ -0,0 +1,16 @@
+# include: package:flutter_lints/flutter.yaml
+
+# linter:
+#   rules:
+#     avoid_print: false
+#     avoid_unnecessary_containers: false
+#     avoid_web_libraries_in_flutter: false
+#     no_logic_in_create_state: false
+#     prefer_const_constructors: false
+#     prefer_const_constructors_in_immutables: false
+#     prefer_const_declarations: false
+#     prefer_const_literals_to_create_immutables: false
+#     sized_box_for_whitespace: false
+#     use_full_hex_values_for_flutter_colors: false
+#     use_key_in_widget_constructors: false
+

lib/src/ui/classes/classes_screen.dart

@@ -87,11 +87,21 @@ class _ClassesScreenState extends State<ClassesScreen> {
                 itemBuilder: (context, index) {
                   return index == 0
                       ? _buildCurrentClasses(context)
-                      : RecommendClassCard(
-                          imageClass: posts[index - 1].imageGroup,
-                          className: posts[index - 1].groupName,
-                          star: '4.5 / 5.0',
-                          teacher: posts[index - 1].authorName,
+                      : GestureDetector(
+                          onTap: () {
+                            AppNavigator.push(
+                              AppRoutes.DETAILS_CLASS,
+                              arguments: {
+                                'slide': SlideMode.bot,
+                              },
+                            );
+                          },
+                          child: RecommendClassCard(
+                            imageClass: posts[index - 1].imageGroup,
+                            className: posts[index - 1].groupName,
+                            star: '4.5 / 5.0',
+                            teacher: posts[index - 1].authorName,
+                          ),
                         );
                 },
               ),
@@ -110,7 +120,7 @@ class _ClassesScreenState extends State<ClassesScreen> {
           _buildTitle(
             yourClass.i18n,
             PhosphorIcons.chalkboardSimpleBold,
-            themeService.isSavedDarkMode() ? colorAttendance : colorGreenLight,
+            themeService.isSavedDarkMode() ? colorAttendance : colorActive,
           ),
           Container(
             height: 164.sp,

lib/src/ui/classes/screens/class_information_screen.dart

@@ -86,8 +86,7 @@ class _ClassInformationScreenState extends State<ClassInformationScreen> {
                         right: 0,
                         child: Row(
                           crossAxisAlignment: CrossAxisAlignment.start,
-                          mainAxisAlignment:
-                              MainAxisAlignment.spaceBetween,
+                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                           children: [
                             GestureDetector(
                               onTap: () {
@@ -98,8 +97,7 @@ class _ClassInformationScreenState extends State<ClassInformationScreen> {
                                 margin: EdgeInsets.only(left: 10.sp),
                                 decoration: BoxDecoration(
                                   color: Colors.black.withOpacity(.15),
-                                  borderRadius:
-                                      BorderRadius.circular(8.sp),
+                                  borderRadius: BorderRadius.circular(8.sp),
                                 ),
                                 child: Icon(
                                   PhosphorIcons.arrowLeftBold,
@@ -110,16 +108,14 @@ class _ClassInformationScreenState extends State<ClassInformationScreen> {
                             ),
                             GestureDetector(
                               onTap: () {
-                                _scaffoldKey.currentState!
-                                    .openEndDrawer();
+                                _scaffoldKey.currentState!.openEndDrawer();
                               },
                               child: Container(
                                 padding: EdgeInsets.all(9.25.sp),
                                 margin: EdgeInsets.only(right: 10.sp),
                                 decoration: BoxDecoration(
                                   color: Colors.black.withOpacity(.15),
-                                  borderRadius:
-                                      BorderRadius.circular(8.sp),
+                                  borderRadius: BorderRadius.circular(8.sp),
                                 ),
                                 child: Icon(
                                   PhosphorIcons.slidersHorizontal,

lib/src/ui/classes/screens/do_exam_screen.dart

@@ -14,9 +14,34 @@ class DoExamScreen extends StatefulWidget {
 }
 
 class _DoExamScreenState extends State<DoExamScreen> {
+  List<String> _answers = ['A đúng', 'B đúng', 'C đúng', 'Tất cả đều đúng'];
+  List<Color> _colors = [
+    colorPrimary,
+    colorHigh,
+    Colors.green,
+    Colors.deepPurpleAccent.shade200,
+    Colors.pinkAccent.shade100,
+  ];
+
+  @override
+  void initState() {
+    super.initState();
+    _colors.shuffle();
+  }
+
   @override
   Widget build(BuildContext context) {
     return Scaffold(
+      floatingActionButton: FloatingActionButton(
+        onPressed: () => null,
+        child: Icon(
+          PhosphorIcons.lockFill,
+          size: 20.sp,
+          color: mC,
+        ),
+        backgroundColor: colorPrimary,
+      ),
+      floatingActionButtonLocation: FloatingActionButtonLocation.endFloat,
       body: SafeArea(
         child: Container(
           height: 100.h,
@@ -29,7 +54,7 @@ class _DoExamScreenState extends State<DoExamScreen> {
               LinearPercentIndicator(
                 padding: EdgeInsets.symmetric(horizontal: 12.sp),
                 width: 100.w,
-                lineHeight: 10.5.sp,
+                lineHeight: 6.sp,
                 percent: 0.65,
                 backgroundColor: ThemeService().isSavedDarkMode()
                     ? Colors.grey.shade800
@@ -55,20 +80,26 @@ class _DoExamScreenState extends State<DoExamScreen> {
                   ],
                 ),
               ),
-              SizedBox(height: 12.sp),
+              SizedBox(height: 20.sp),
               Container(
                 width: 100.w,
+                padding: EdgeInsets.symmetric(horizontal: 20.sp),
                 child: Text(
-                  '1. Ưu điểm của Flutter là gì?',
+                  'Ưu điểm của Flutter là gì? Ưu điểm của Flutter là gì?',
                   textAlign: TextAlign.center,
                   style: TextStyle(
                     fontSize: 15.sp,
                     fontWeight: FontWeight.w600,
                     fontFamily: FontFamily.lato,
+                    color: Theme.of(context)
+                        .textTheme
+                        .bodyText1!
+                        .color!
+                        .withOpacity(.85),
                   ),
                 ),
               ),
-              SizedBox(height: 16.sp),
+              SizedBox(height: 24.sp),
               _buildAnswerOption(context),
             ],
           ),
@@ -167,6 +198,34 @@ class _DoExamScreenState extends State<DoExamScreen> {
   }
 
   Widget _buildAnswerOption(context) {
-    return Expanded(child: Container());
+    return Expanded(
+      child: ListView.builder(
+        physics: BouncingScrollPhysics(),
+        itemCount: _answers.length,
+        itemBuilder: (context, index) {
+          return Container(
+            margin: EdgeInsets.symmetric(
+              horizontal: 13.75.sp,
+              vertical: 6.sp,
+            ),
+            padding: EdgeInsets.symmetric(vertical: 15.25.sp),
+            decoration: BoxDecoration(
+              borderRadius: BorderRadius.circular(5.sp),
+              color: _colors[index % (_colors.length)],
+            ),
+            alignment: Alignment.center,
+            child: Text(
+              _answers[index],
+              style: TextStyle(
+                fontSize: 11.sp,
+                fontWeight: FontWeight.w600,
+                fontFamily: FontFamily.lato,
+                color: mC,
+              ),
+            ),
+          );
+        },
+      ),
+    );
   }
 }