Mobile30

README.md

@@ -59,7 +59,7 @@ flutter build apk
 
 | Page 29  | Page 30 | Page 31 | Page 32 |
 | ------------- | ------------- | ------------- | ------------- |
-| <img src="art/screenshots/page_29.png" width="200"/> | | | <img src="art/screenshots/page_32.png" width="200"/> |
+| <img src="art/screenshots/page_29.png" width="200"/> |<img src="art/screenshots/page_30.png" width="200"/> | | <img src="art/screenshots/page_32.png" width="200"/> |
 
 | Page 33  | Page 34 | Page 35 | Page 36 |
 | ------------- | ------------- | ------------- | ------------- |

lib/src/mobile_ui/12/page_12.dart

@@ -17,6 +17,18 @@ class _Page12State extends State<Page12> {
   Widget build(BuildContext context) {
     return Scaffold(
       backgroundColor: const Color(0xFFFCFCFC),
+      appBar: AppBar(
+        centerTitle: true,
+        backgroundColor: const Color(0xFFFCFCFC),
+        title: Text(
+          'SMART ROOM',
+          style: TextStyle(
+            fontWeight: FontWeight.w900,
+            color: Colors.black,
+          ),
+        ),
+        elevation: 0.0,
+      ),
       body: SafeArea(
         child: Padding(
           padding: EdgeInsets.fromLTRB(23.w, 30.h, 23.w, 0),
@@ -61,6 +73,9 @@ class _Page12State extends State<Page12> {
                           CircleAvatar(
                             radius: 31.w,
                             backgroundColor: const Color(0xFFC4C4C4),
+                            backgroundImage: NetworkImage(
+                              'https://source.unsplash.com/random/education',
+                            ),
                           ),
                           Positioned(
                             right: 2.w,

lib/src/mobile_ui/29/page_29.dart

@@ -174,22 +174,25 @@ class _Page29State extends State<Page29> {
       bottomNavigationBar: _bottomNavBar(),
       floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
       extendBody: true,
-      floatingActionButton: Container(
-        width: 76.w,
-        height: 76.w,
-        decoration: BoxDecoration(
-          color: Color(0xffF4F4F4).withOpacity(1.0),
-          borderRadius: BorderRadius.circular(76.w),
-          boxShadow: [
-            BoxShadow(
-              color: Colors.white.withOpacity(1.0),
-              spreadRadius: 2,
-              blurRadius: 1,
-              offset: const Offset(1, 1),
-            ),
-          ],
+      floatingActionButton: InkWell(
+        onTap: () => Navigator.pop(context),
+        child: Container(
+          width: 76.w,
+          height: 76.w,
+          decoration: BoxDecoration(
+            color: Color(0xffF4F4F4).withOpacity(1.0),
+            borderRadius: BorderRadius.circular(76.w),
+            boxShadow: [
+              BoxShadow(
+                color: Colors.white.withOpacity(1.0),
+                spreadRadius: 2,
+                blurRadius: 1,
+                offset: const Offset(1, 1),
+              ),
+            ],
+          ),
+          child: Center(child: Icon(Icons.add)),
         ),
-        child: Center(child: Icon(Icons.add)),
       ),
     );
   }