Men this screen utills

thiendt2k1 · Dec 27, 2021 · f65c98b · f65c98b
1 parent 32ca4bb
commit f65c98b
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/README.md b/README.md
@@ -18,3 +18,8 @@ samples, guidance on mobile development, and a full API reference.
 ## Flutter Screen Util
 Screen utils takes into account the entire screen, including status bar
 
+If the screen is fixed, like two parts(Like no scroll), it is better to separate them into different
+boxes/sections e.g page3 of mobile screen, 
+
+I prefer to start designing with safe area
+
diff --git a/lib/src/mobile_ui/3/page3.dart b/lib/src/mobile_ui/3/page3.dart
@@ -38,7 +38,7 @@ class _Page3State extends State<Page3> {
         child: Column(
           crossAxisAlignment: CrossAxisAlignment.stretch,
           children: [
-            SizedBox(height: 30.h),
+            SizedBox(height: 37.h),
             SizedBox(
               height: 419.h,
               child: Column(
@@ -52,13 +52,14 @@ class _Page3State extends State<Page3> {
                           color: Colors.black,
                           fontStyle: FontStyle.normal,
                           fontWeight: FontWeight.w600,
+                          height: 1,
                         ),
                       ),
                       maxLines: 1,
                       overflow: TextOverflow.ellipsis,
                     ),
                   ),
-                  SizedBox(height: 26.h),
+                  SizedBox(height: 30.h),
                   Center(
                     child: Text(
                       "${currentPageValue.toInt()} of $maximumPage",
@@ -68,13 +69,14 @@ class _Page3State extends State<Page3> {
                           color: Colors.black,
                           fontStyle: FontStyle.normal,
                           fontWeight: FontWeight.w400,
+                          height: 1,
                         ),
                       ),
                       maxLines: 1,
                       overflow: TextOverflow.ellipsis,
                     ),
                   ),
-                  SizedBox(height: 8.h),
+                  SizedBox(height: 11.h),
                   SizedBox(
                     height: 340.h,
                     child: PageView.builder(

diff --git a/lib/src/mobile_ui/root/root.dart b/lib/src/mobile_ui/root/root.dart
@@ -1,4 +1,6 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_ui_kit_obkm/src/mobile_ui/1/page1.dart';
+import 'package:flutter_ui_kit_obkm/src/mobile_ui/2/page2.dart';
 import 'package:flutter_ui_kit_obkm/src/mobile_ui/3/page3.dart';
 
 class RootWidget extends StatelessWidget {