feat:练习顶部页码居中显示

吴启风
1 parent 578775ca
Showing 2 changed files with 35 additions and 39 deletions
lib/pages/practice/widgets/practice_header_widget.dart
lib/pages/shop/home/shop_home_page.dart
@@ -14,46 +14,42 @@ class PracticeHeaderWidget extends StatelessWidget {
     return Container(
       color: Colors.white,
       height: 60.h,
-      child: Row(
-        mainAxisAlignment: MainAxisAlignment.spaceBetween,
-        children: [
-          Padding(
-            padding: EdgeInsets.only(
-                left: ScreenUtil().bottomBarHeight
-              ),
-            child: IconButton(
-                onPressed: (){
-                  onTap();
-                },
-                icon: Image.asset(
-                  'back_around'.assetPng,
-                  width: 40,
-                  height: 40,
-                )),
+      child: AppBar(
+        leading: IconButton(
+          icon: Image.asset(
+            'back_around'.assetPng,
+            width: 40,
+            height: 40,
           ),
-          Container(
-            height: 40.h,
-            padding: EdgeInsets.symmetric(horizontal: 27.w),
-            decoration: BoxDecoration(
-              color: const Color(0xFF00B6F1),
-              borderRadius: BorderRadius.circular(20.r),
-              border: Border.all(
-                width: 1.0,
-                color: const Color(0xFF333333),
-              ),
-            ),
-            alignment: Alignment.center,
-            child: Text(
-              title,
-              style: TextStyle(
-                  fontSize: 20.sp,
-                  color: Colors.white
+          onPressed: () {
+            onTap();
+          },
+        ),
+        centerTitle: true,
+        title: IntrinsicWidth(
+          child: Container(
+              height: 40.h,
+              padding: EdgeInsets.symmetric(horizontal: 27.w),
+              decoration: BoxDecoration(
+                color: const Color(0xFF00B6F1),
+                borderRadius: BorderRadius.circular(20.r),
+                border: Border.all(
+                  width: 1.0,
+                  color: const Color(0xFF333333),
+                ),
               ),
-            ),
+              child: Center(
+                child: Text(
+                  title,
+                  style: TextStyle(
+                      fontSize: 15.sp,
+                      color: Colors.white
+                  ),
+                ),
+              )
           ),
-          ScreenUtil().bottomBarHeight.horizontalSpace,
-        ],
-      ),
+        )
+      )
     );
   }
 }
 \ No newline at end of file
@@ -62,14 +62,14 @@ class _ShopHomeView extends StatelessWidget {
           ),
           body: Center(
             child: Padding(
-              padding: EdgeInsets.symmetric(vertical: 25.h, horizontal: 25.w),
+              padding: EdgeInsets.symmetric(vertical: 24.h, horizontal: 24.w),
               child: GridView.builder(
                   itemCount: bloc.productDatas.length,
                   gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
                     crossAxisCount: 2,
                     childAspectRatio: 2,
                     mainAxisSpacing: 14.h,
-                    crossAxisSpacing: 4.5.w,
+                    crossAxisSpacing: 6.w,
                   ),
                   itemBuilder: (BuildContext context, int index) {
                     final productEntity = bloc.productDatas[index];