🔉 Smart Speaker

Lakhankumawat · Jan 19, 2022 · 68442da · 68442da
1 parent 4854cb6
commit 68442da
Show file tree

Hide file tree

Showing 9 changed files with 101 additions and 10 deletions.
diff --git a/assets/icons/speaker.png b/assets/icons/speaker.png
diff --git a/assets/images/kakao_mini.png b/assets/images/kakao_mini.png
diff --git a/lib/routes/routes.dart b/lib/routes/routes.dart
@@ -1,5 +1,6 @@
 import 'package:domus/src/screens/smart_ac/smart_ac.dart';
 import 'package:domus/src/screens/smart_light/smart_light.dart';
+import 'package:domus/src/screens/smart_speaker/smart_speaker.dart';
 import 'package:domus/src/screens/splash_screen/splash_screen.dart';
 import 'package:flutter/cupertino.dart';
 import 'package:domus/src/screens/home_screen/home_screen.dart';
@@ -9,4 +10,5 @@ final Map<String, WidgetBuilder> routes = {
   SmartLight.routeName: (context) => SmartLight(),
   SplashScreen.routeName: (context) => SplashScreen(),
   SmartAC.routeName: (context) => SmartAC(),
+  SmartSpeaker.routeName: (context) => SmartSpeaker(),
 };
diff --git a/lib/src/screens/home_screen/components/body.dart b/lib/src/screens/home_screen/components/body.dart
@@ -4,6 +4,7 @@ import 'package:domus/src/screens/home_screen/components/reusable_container.dart
 import 'package:domus/src/screens/home_screen/components/weather_container.dart';
 import 'package:domus/src/screens/smart_ac/smart_ac.dart';
 import 'package:domus/src/screens/smart_light/smart_light.dart';
+import 'package:domus/src/screens/smart_speaker/smart_speaker.dart';
 import 'package:domus/view/home_screen_view_model.dart';
 import 'package:flutter/material.dart';
 
@@ -37,7 +38,7 @@ class Body extends StatelessWidget {
                     padding: EdgeInsets.all(getProportionateScreenHeight(5)),
                     child: ReusableCard(
                       title: 'Smart Light',
-                      icon1: 'assets/icons/Light_off.png',
+                      icon1: 'assets/icons/Light.png',
                       isON: model.isLightOn,
                       context: context,
                       onTap: () {
@@ -72,11 +73,13 @@ class Body extends StatelessWidget {
                   child: Padding(
                     padding: EdgeInsets.all(getProportionateScreenHeight(5)),
                     child: ReusableCard(
-                      title: 'Smart TV',
-                      isON: model.isTVON,
-                      icon1: 'assets/icons/TV.png',
+                      title: 'Smart Speaker',
+                      isON: model.isSpeakerON,
+                      icon1: 'assets/icons/speaker.png',
                       context: context,
-                      onTap: () {},
+                      onTap: () {
+                        Navigator.of(context).pushNamed(SmartSpeaker.routeName);
+                      },
                     ),
                   ),
                 ),

diff --git a/lib/src/screens/home_screen/components/reusable_container.dart b/lib/src/screens/home_screen/components/reusable_container.dart
@@ -35,9 +35,12 @@ Widget ReusableCard(
               ),
             ],
           ),
-          Text(
-            title,
-            style: Theme.of(context).textTheme.headline2,
+          InkWell(
+            onTap: onTap,
+            child: Text(
+              title,
+              style: Theme.of(context).textTheme.headline2,
+            ),
           ),
         ],
       ),

diff --git a/lib/src/screens/smart_speaker/components/body.dart b/lib/src/screens/smart_speaker/components/body.dart
@@ -0,0 +1,11 @@
+import 'package:domus/src/screens/smart_speaker/components/connect_speaker.dart';
+import 'package:flutter/material.dart';
+
+class Body extends StatelessWidget {
+  const Body({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Center(child: ConnectSpeaker());
+  }
+}
diff --git a/lib/src/screens/smart_speaker/components/connect_speaker.dart b/lib/src/screens/smart_speaker/components/connect_speaker.dart
@@ -0,0 +1,68 @@
+import 'package:domus/config/size_config.dart';
+import 'package:flutter/material.dart';
+
+class ConnectSpeaker extends StatelessWidget {
+  const ConnectSpeaker({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Padding(
+      padding: const EdgeInsets.symmetric(horizontal: 20.0, vertical: 20),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.center,
+        mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+        children: [
+          SizedBox(
+            height: getProportionateScreenHeight(40),
+          ),
+          Align(
+            alignment: Alignment.centerLeft,
+            child: InkWell(
+              onTap: () {
+                Navigator.of(context).pop();
+              },
+              child: Icon(Icons.arrow_back_outlined),
+            ),
+          ),
+          Text(
+            'Kakao Mini C',
+            style: Theme.of(context).textTheme.headline1,
+          ),
+          Text(
+            'Smart Speaker',
+            style: Theme.of(context).textTheme.headline3,
+          ),
+          SizedBox(
+            height: getProportionateScreenHeight(40),
+          ),
+          Material(
+            child: Image.asset(
+              'assets/images/kakao_mini.png',
+              height: getProportionateScreenHeight(300),
+              width: getProportionateScreenWidth(150),
+              fit: BoxFit.contain,
+            ),
+            color: Colors.transparent,
+          ),
+          SizedBox(
+            height: getProportionateScreenHeight(40),
+          ),
+          OutlinedButton(
+            onPressed: () {},
+            child: Text(
+              'Connect',
+              style: Theme.of(context).textTheme.headline3,
+            ),
+            style: OutlinedButton.styleFrom(
+              padding: EdgeInsets.symmetric(
+                horizontal: getProportionateScreenWidth(80),
+                vertical: getProportionateScreenHeight(10),
+              ),
+              shape: StadiumBorder(),
+            ),
+          )
+        ],
+      ),
+    );
+  }
+}
diff --git a/lib/src/screens/smart_speaker/smart_speaker.dart b/lib/src/screens/smart_speaker/smart_speaker.dart
@@ -1,11 +1,15 @@
 import 'package:flutter/material.dart';
+import 'components/body.dart';
 
 class SmartSpeaker extends StatelessWidget {
   static String routeName = 'smart-speaker';
   const SmartSpeaker({Key? key}) : super(key: key);
 
   @override
   Widget build(BuildContext context) {
-    return Container();
+    return Scaffold(
+      backgroundColor: Color(0xFFF2F2F2),
+      body: Body(),
+    );
   }
 }
diff --git a/lib/view/home_screen_view_model.dart b/lib/view/home_screen_view_model.dart
@@ -10,7 +10,7 @@ class HomeScreenViewModel extends BaseModel {
   final PageController pageController = PageController();
   bool isLightOn = true;
   bool isACON = false;
-  bool isTVON = false;
+  bool isSpeakerON = false;
   bool isFanON = false;
 
   void generateRandomNumber() {