aku_new_community_manager/lib/ui/home/home_page.dart

import 'package:aku_community_manager/style/app_style.dart';
import 'package:aku_community_manager/utils/screen_tool.dart';
import 'package:aku_ui/aku_ui.dart';
import 'package:aku_ui/common_widgets/aku_material_button.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';

class HomePage extends StatefulWidget {
  HomePage({Key key}) : super(key: key);

  @override
  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  TextEditingController _controller;
  @override
  Widget build(BuildContext context) {
    ScreenUtil.init(context,
        designSize: Size(750, 1334), allowFontScaling: true);

    return Scaffold(
      appBar: PreferredSize(
        preferredSize: Size(375.w, 430.w - 40.w + statusBarHeight),
        child: Container(
          height: 430.w - 40.w + ScreenUtil().statusBarHeight,
          width: double.infinity,
          decoration: BoxDecoration(
            gradient: LinearGradient(
              begin: Alignment.topCenter,
              end: Alignment.bottomCenter,
              colors: [
                Color(0xFFFFDC6F),
                Color(0xFFFFC40C),
              ],
            ),
            borderRadius: BorderRadius.only(bottomRight: Radius.circular(32.w)),
          ),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              SizedBox(height: ScreenUtil().statusBarHeight),
              Container(
                height: 88.w,
                child: Row(children: [
                  SizedBox(
                    width: 16.w,
                  ),
                  Container(
                    margin: EdgeInsets.only(top: 8.w, bottom: 8.w),
                    width: 72.w,
                    height: 72.w,
                    child: AkuRoundButton(
                      //头像按钮
                      height: 36.w,
                      onPressed: () {},
                      child: CircleAvatar(radius: 36.w),
                    ),
                  ),
                  SizedBox(width: 16.w),
                  Expanded(
                    child: Container(
                      margin: EdgeInsets.only(top: 8.w, bottom: 8.w),
                      alignment: Alignment.center,
                      height: 72.w,
                      color: Color(0xFFFFFFFF),
                      padding: EdgeInsets.only(left: 21.w, right: 87.w),
                      child: Row(children: [
                        Container(
                          child: Column(
                            children: [
                              SizedBox(height: 18.w),
                              Icon(
                                Icons.zoom_in_sharp,
                                size: 38.w,
                              ),
                            ],
                          ),
                        ),
                        SizedBox(width: 19.w),
                        Expanded(
                          child: AkuButton(
                            //搜索框按钮
                            padding: EdgeInsets.zero,
                            onPressed: () {},
                            child: Text(
                              '搜索工单订单号、手机',
                              style: TextStyle(
                                color: AppStyle.minorTextColor,
                                fontSize: 28.sp,
                              ),
                            ),
                          ),
                        ),
                      ]),
                    ),
                  ),
                  SizedBox(width:15.w),
                  Container(
                    margin: EdgeInsets.only(top: 5.w, bottom: 5.w),
                    child: MaterialButton(
                      materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
                      //扫一扫按钮
                      height: double.infinity,
                      minWidth: 78.w,
                      padding: EdgeInsets.zero,
                      onPressed: () {},
                      child: Column(children: [
                        Icon(
                          Icons.access_alarm,
                          size: 48.w,
                        ),
                        SizedBox(height: 2.w),
                        Text(
                          '扫一扫',
                          style: TextStyle(
                            color: AppStyle.primaryTextColor,
                            fontSize: 20.sp,
                            fontWeight: FontWeight.normal,
                          ),
                        ),
                      ]),
                    ),
                  ),

                  Container(
                    margin: EdgeInsets.only(top: 5.w, bottom: 5.w),
                    child: AkuMaterialButton(
                      minWidth: 78.w,
                      //消息按钮
                      height: double.infinity,
                      onPressed: () {},
                      child: Column(children: [
                        Icon(
                          Icons.access_time,
                          size: 48.w,
                        ),
                        SizedBox(height: 2.w),
                        Text(
                          '消息',
                          style: TextStyle(
                            color: AppStyle.primaryTextColor,
                            fontSize: 20.sp,
                          ),
                        ),
                      ]),
                    ),
                  ),
                  SizedBox(width:17.w),
                ]),
              ),
              SizedBox(height: 24.w),
              Container(
                margin: EdgeInsets.only(
                  left: 32.w,
                ),
                height: 67.w,
                child: Text(
                  'HI，李大海',
                  style: TextStyle(
                      color: AppStyle.primaryTextColor,
                      fontWeight: FontWeight.bold,
                      fontSize: 48.sp),
                ),
              ),
              SizedBox(height: 16.w),
              Container(
                margin: EdgeInsets.only(left: 32.w, right: 32.w),
                color: Color(0xFFFFFFFF),
                width: double.infinity,
                height: 163.w,
                child: Column(children: [
                  SizedBox(
                    height: 24.w,
                  ),
                  Row(
                    children: [
                      SizedBox(width: 48.w),
                      Container(
                        width: 75.w,
                        height: 75.w,
                        child: Icon(
                          Icons.accessibility,
                          size: 75.w,
                        ),
                      ),
                      SizedBox(
                        width: 97.w,
                      ),
                      Container(
                        width: 75.w,
                        height: 75.w,
                        child: Icon(
                          Icons.account_balance,
                          size: 75.w,
                        ),
                      ),
                      SizedBox(width: 97.w),
                      Container(
                        width: 75.w,
                        height: 75.w,
                        child: Icon(
                          Icons.youtube_searched_for,
                          size: 75.w,
                        ),
                      ),
                      SizedBox(width: 97.w),
                      Container(
                        width: 75.w,
                        height: 75.w,
                        child: Icon(
                          Icons.wysiwyg,
                          size: 75.w,
                        ),
                      ),
                      SizedBox(width: 47.w),
                    ],
                  ),
                  SizedBox(height: 8.w),
                  Row(
                    mainAxisAlignment: MainAxisAlignment.spaceAround,
                    children: [
                      // SizedBox(width: 37.w),
                      Container(
                        // width:96.w,
                        height: 33.w,
                        child: Text(
                          '一键报警',
                          style: TextStyle(
                            color: Color(0xFF4A4B51),
                            fontSize: 24.sp,
                            fontWeight: FontWeight.bold,
                          ),
                        ),
                      ),
                      // SizedBox(width: 76.w),
                      Container(
                        // width:96.w,
                        height: 33.w,
                        child: Text(
                          '访客管理',
                          style: TextStyle(
                            color: Color(0xFF4A4B51),
                            fontSize: 24.sp,
                            fontWeight: FontWeight.bold,
                          ),
                        ),
                      ),
                      // SizedBox(width: 76.w),
                      Container(
                        // width:96.w,
                        height: 33.w,
                        child: Text(
                          '报事报修',
                          style: TextStyle(
                            color: Color(0xFF4A4B51),
                            fontSize: 24.sp,
                            fontWeight: FontWeight.bold,
                          ),
                        ),
                      ),
                      // SizedBox(width: 76.w),
                      Container(
                        // width:96.w,
                        height: 33.w,
                        child: Text(
                          '全部应用',
                          style: TextStyle(
                            color: Color(0xFF4A4B51),
                            fontSize: 24.sp,
                            fontWeight: FontWeight.bold,
                          ),
                        ),
                      ),
                      // SizedBox(width: 37.w),
                    ],
                  ),
                  SizedBox(height: 23.w),
                ]),
              ),
            ],
          ),
        ),
      ),
    );
  }
}