From 4a97a000d46061de56e698273a3043b2476ad002 Mon Sep 17 00:00:00 2001
From: AlphanoJack <yinm17@gmail.com>
Date: Mon, 26 Aug 2024 23:16:04 +0900
Subject: [PATCH] =?UTF-8?q?bottombar=EC=97=90=20InkWell=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 lib/core/TopScreen.dart | 51 ++++++++++++++++++++++++++---------------
 1 file changed, 32 insertions(+), 19 deletions(-)

diff --git a/lib/core/TopScreen.dart b/lib/core/TopScreen.dart
index f23e4d0..c63b6fd 100644
--- a/lib/core/TopScreen.dart
+++ b/lib/core/TopScreen.dart
@@ -63,26 +63,39 @@ class CustomBottomNavigationBar extends StatelessWidget {
       child: Row(
         mainAxisAlignment: MainAxisAlignment.spaceEvenly,
         children: List.generate(3, (index) {
-          return GestureDetector(
-            onTap: () => onPageChanged(index),
-            child: Container(
-              width: 20,
-              height: 50,
-              decoration: BoxDecoration(
-                shape: BoxShape.circle,
-                color: index == currentIndex ? Colors.blue : Colors.grey,
-              ),
-              child: index == currentIndex
-                  ? Align(
-                      alignment: Alignment.bottomCenter,
-                      child: Container(
-                        width: 10,
-                        height: 2,
-                        color: Colors.blue,
+          return Material(
+            color: Colors.transparent,
+            child: InkWell(
+              onTap: () => onPageChanged(index),
+              customBorder: const CircleBorder(),
+              child: Container(
+                width: 100,
+                height: 100,
+                child: Column(
+                  mainAxisAlignment: MainAxisAlignment.center,
+                  children: [
+                    Container(
+                      width: 30,
+                      height: 30,
+                      decoration: BoxDecoration(
+                        shape: BoxShape.circle,
+                        color: index == currentIndex ? Colors.blue : Colors.grey,
                       ),
-                    )
-                  : null,
-            ),
+                    ),
+                    const SizedBox(height: 3,),
+                    if (index == currentIndex)
+                      Container(
+                        width: 20,
+                        height: 6,
+                        decoration: BoxDecoration(
+                          color: Colors.blue,
+                          borderRadius: BorderRadius.circular(10)
+                        ),
+                      ),
+                  ],
+                ),
+              )
+          ),
           );
         }),
       ),