D1APP-28 pageview's floating nav bar

lib/widgets/didvan/page_view.dart

@@ -1,8 +1,7 @@
-import 'dart:math' as math;
-
 import 'package:carousel_slider/carousel_slider.dart';
 import 'package:didvan/widgets/didvan/card.dart';
 import 'package:didvan/widgets/didvan/text.dart';
+import 'package:didvan/widgets/floating_navigation_bar.dart';
 import 'package:didvan/widgets/skeletun_image.dart';
 import 'package:flutter/material.dart';
 
@@ -12,7 +11,9 @@ class DidvanPageView extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     final double deviceTopPadding = MediaQuery.of(context).padding.top;
-    return CarouselSlider.builder(
+    return Stack(
+      children: [
+        CarouselSlider.builder(
           itemCount: 5,
           options: CarouselOptions(
             height: double.infinity,
@@ -41,8 +42,8 @@ class DidvanPageView extends StatelessWidget {
                     ),
                   ),
                   SliverPadding(
-                padding:
+                    padding: const EdgeInsets.symmetric(
-                    const EdgeInsets.symmetric(vertical: 20, horizontal: 16),
+                        vertical: 20, horizontal: 16),
                     sliver: SliverList(
                       delegate: SliverChildBuilderDelegate(
                         (_, index) {
@@ -53,7 +54,8 @@ class DidvanPageView extends StatelessWidget {
                                 children: [
                                   DidvanText(
                                     'تحلیل شکاف فناوری صنعت فولاد ایران',
-                                style: Theme.of(context).textTheme.bodyText1,
+                                    style:
+                                        Theme.of(context).textTheme.bodyText1,
                                   ),
                                   const SizedBox(height: 8),
                                   const DidvanText(
@@ -79,6 +81,14 @@ class DidvanPageView extends StatelessWidget {
               ),
             ),
           ),
+        ),
+        const Positioned(
+          left: 0,
+          right: 0,
+          bottom: 0,
+          child: FloatingNavigationBar(),
+        ),
+      ],
     );
   }
 }

lib/widgets/floating_navigation_bar.dart

@@ -0,0 +1,67 @@
+import 'package:didvan/config/theme_data.dart';
+import 'package:didvan/constants/app_icons.dart';
+import 'package:didvan/widgets/didvan/text.dart';
+import 'package:flutter/material.dart';
+
+class FloatingNavigationBar extends StatelessWidget {
+  const FloatingNavigationBar({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      margin: const EdgeInsets.symmetric(horizontal: 32, vertical: 20),
+      width: double.infinity,
+      height: 48,
+      padding: const EdgeInsets.symmetric(horizontal: 12),
+      decoration: BoxDecoration(
+        color: Theme.of(context).colorScheme.surface,
+        borderRadius: BorderRadius.circular(24),
+        border: Border.all(
+          color: Theme.of(context).colorScheme.cardBorder,
+        ),
+      ),
+      child: Row(
+        children: [
+          IconButton(
+            onPressed: () => Navigator.of(context).pop(),
+            icon: const Icon(
+              Icons.arrow_back,
+            ),
+          ),
+          const Spacer(),
+          IconButton(
+            onPressed: () {},
+            icon: const Icon(
+              DidvanIcons.bookmark_regular,
+            ),
+          ),
+          IconButton(
+            onPressed: () {},
+            icon: const Icon(
+              DidvanIcons.evaluation_regular,
+            ),
+          ),
+          SizedBox(
+            width: 48,
+            child: Row(
+              mainAxisAlignment: MainAxisAlignment.center,
+              children: const [
+                DidvanText('2'),
+                SizedBox(width: 4),
+                Icon(
+                  DidvanIcons.chats_regular,
+                ),
+              ],
+            ),
+          ),
+          IconButton(
+            onPressed: () {},
+            icon: const Icon(
+              Icons.more_horiz,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}