deus_app/lib/page/home/home_page.dart

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

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

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

class _MineViewPageState extends State<HomePage> {
  List items = [
    {"name": "今日维保任务", "num": 1},
    {"name": "今日巡检任务", "num": 2}
  ];
  List icons = [
    {"name": "设备管理", "image": "images/device_manage.png"},
    {"name": "维保任务", "image": "images/maintenance.png"},
    {"name": "巡检任务", "image": "images/patrol_inspect.png"},
    {"name": "保修管理", "image": "images/maintenance_manage.png"},
  ];
  @override
  void initState() {
    super.initState();
  }

  void registerHandler() {}

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        extendBodyBehindAppBar: true,
        appBar: AppBar(
          shadowColor: Colors.transparent,
          backgroundColor: Colors.transparent,
          systemOverlayStyle: SystemUiOverlayStyle.light
              .copyWith(statusBarColor: Colors.transparent),
          // title: Text(user != null ? user["nickname"] : "",style:TextStyle(color: Colors.white),),
          centerTitle: true,
          elevation: 0.0,
          toolbarHeight: 0,
        ),
        backgroundColor: const Color(0xfff4f6ff),
        body: Column(
          children: [
            Container(
              padding: EdgeInsets.only(
                  left: 15,
                  right: 15,
                  top: MediaQuery.of(context).padding.top + 10),
              height: MediaQuery.of(context).size.width * 0.53,
              decoration: BoxDecoration(
                image: DecorationImage(
                    image: AssetImage("images/home_bg.jpg"), fit: BoxFit.cover),
              ),
              child: Column(
                children: [
                  Row(
                    mainAxisAlignment: MainAxisAlignment.end,
                    children: [
                      Icon(
                        Icons.settings,
                        color: Colors.white,
                      )
                    ],
                  ),
                  Row(
                    children: [
                      Image.asset(
                        "images/head.png",
                        width: 40,
                        height: 40,
                      ),
                      SizedBox(width: 10),
                      Text(
                        "SHAW",
                        style: TextStyle(
                            color: Colors.white, fontWeight: FontWeight.bold),
                      )
                    ],
                  ),
                  SizedBox(height: 20),
                  Row(
                    children: [
                      SizedBox(width: 50),
                      Text("13239202394",
                          style: TextStyle(
                              color: Colors.white,
                              fontWeight: FontWeight.bold,
                              fontSize: 20))
                    ],
                  ),
                  SizedBox(height: 10),
                  Row(
                    children: [
                      SizedBox(width: 50),
                      Text("中国平安保险公司",
                          style:
                          TextStyle(color: Color(0xffaaaaaa), fontSize: 15))
                    ],
                  ),
                ],
              ),
            ),
            Container(
              padding: EdgeInsets.all(10),
              margin: EdgeInsets.all(15),
              decoration: BoxDecoration(
                  color:  Colors.white,
                  borderRadius: BorderRadius.circular(10)),
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  SizedBox(height: 15),
                  Container(
                      width: double.infinity,
                      height: 40,
                      alignment: Alignment.center,
                      decoration: BoxDecoration(
                          color: Color(0xff74b900),
                          borderRadius: BorderRadius.circular(10)),
                      child: Text("当前设备运行正常",
                          style: TextStyle(
                              color: Color(0xffffffff), fontSize: 15))),
                  SizedBox(
                    height: 20,
                  ),
                  Text("待办任务",
                      style: TextStyle(color: Color(0xff000000), fontSize: 18)),
                  SizedBox(
                    height: 10,
                  ),
                  GridView.builder(
                    shrinkWrap: true,
                    padding: const EdgeInsets.only(
                      top: 10,
                    ),
                    gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
                      crossAxisCount: 1,
                      mainAxisSpacing: 10,
                      crossAxisSpacing: 10,
                      childAspectRatio: MediaQuery.of(context).size.width / 30,
                    ),
                    itemBuilder: (context, index) {
                      Map item = items[index];
                      return Row(
                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
                        children: [
                          Text(item["name"],
                              style: TextStyle(
                                  color: Color(0xff000000), fontSize: 13)),
                          Text(item["num"].toString(),
                              style: TextStyle(
                                  color: Color(0xff000000), fontSize: 13))
                        ],
                      );
                    },
                    itemCount: items.length,
                  )
                ],
              ),
            ),
            Container(
              margin: EdgeInsets.only(left: 15, right: 15),
              decoration:
              BoxDecoration(borderRadius: BorderRadius.circular(10)),
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  GridView.builder(
                    shrinkWrap: true,
                    padding: const EdgeInsets.only(
                      top: 0,
                    ),
                    gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
                      crossAxisCount: 3,
                      mainAxisSpacing: 10,
                      crossAxisSpacing: 10,
                      childAspectRatio:
                      (MediaQuery.of(context).size.width / 3 - 60 / 3) /
                          120,
                    ),
                    itemBuilder: (context, index) {
                      Map item = icons[index];
                      return Container(
                        padding: EdgeInsets.all(5),
                        decoration: BoxDecoration(
                            color: Color(0xffffffff),
                            borderRadius: BorderRadius.circular(10)),
                        child: Column(
                          crossAxisAlignment: CrossAxisAlignment.center,
                          mainAxisAlignment: MainAxisAlignment.center,
                          children: [
                            Image.asset(
                              item["image"],
                              width: 60,
                              height: 60,
                            ),
                            SizedBox(height: 10),
                            Text(item["name"].toString(),
                                style: TextStyle(
                                    color: Color(0xff000000), fontSize: 13))
                          ],
                        ),
                      );
                    },
                    itemCount: icons.length,
                  )
                ],
              ),
            ),
          ],
        ));
  }
}