gridview.dart

gridview.dart

  Widget build(BuildContext context) {
    return MPScaffold(
      name: '滤芯之家',
      body: Column(
        children: [
          GridView.count(
            shrinkWrap: true,
            crossAxisCount: 3,
            children: [
              GestureDetector(
                child: Column(
                  mainAxisAlignment: MainAxisAlignment.center,
                  crossAxisAlignment: CrossAxisAlignment.center,
                  children: [
                    MPIcon(
                      MaterialIcons.group_work_outlined,
                      color: Colors.blue,
                      size: 40,
                    ),
                    Padding(child: Text('OE型号'), padding: EdgeInsets.all(8.0)),
                  ],
                ),
                onTap: () => Navigator.of(context).pushNamed('/oe-model/index'),
              ),
              GestureDetector(
                child: Column(
                  mainAxisAlignment: MainAxisAlignment.center,
                  crossAxisAlignment: CrossAxisAlignment.center,
                  children: [
                    MPIcon(
                      MaterialIcons.local_shipping_outlined,
                      color: Colors.teal,
                      size: 40,
                    ),
                    Padding(
                      padding: const EdgeInsets.all(8.0),
                      child: Text('商用车'),
                    ),
                  ],
                ),
                onTap: () => Navigator.of(context).pushNamed('/commercial-vehicle/index'),
              ),
              GestureDetector(
                child: Column(
                  mainAxisAlignment: MainAxisAlignment.center,
                  crossAxisAlignment: CrossAxisAlignment.center,
                  children: [
                    MPIcon(
                      MaterialIcons.directions_bus_outlined,
                      color: Colors.orange,
                      size: 40,
                    ),
                    Padding(
                      padding: const EdgeInsets.all(8.0),
                      child: Text('工程车'),
                    ),
                  ],
                ),
                onTap: () => Navigator.of(context).pushNamed('/engineering-vehicle/index'),
              ),
              GestureDetector(
                child: Column(
                  mainAxisAlignment: MainAxisAlignment.center,
                  crossAxisAlignment: CrossAxisAlignment.center,
                  children: [
                    MPIcon(
                      MaterialIcons.agriculture_outlined,
                      color: Colors.green,
                      size: 40,
                    ),
                    Padding(
                      padding: const EdgeInsets.all(8.0),
                      child: Text('农机'),
                    ),
                  ],
                ),
                onTap: () => Navigator.of(context).pushNamed('/farm-vehicle/index'),
              ),
              GestureDetector(
                child: Column(
                  mainAxisAlignment: MainAxisAlignment.center,
                  crossAxisAlignment: CrossAxisAlignment.center,
                  children: [
                    MPIcon(
                      MaterialIcons.electrical_services_twotone,
                      color: Colors.cyan,
                      size: 40,
                    ),
                    Padding(
                      padding: const EdgeInsets.all(8.0),
                      child: Text('空压机/发电机'),
                    ),
                  ],
                ),
                onTap: () => Navigator.of(context).pushNamed('/dynamo/index'),
              ),
            ],
          )
        ],
      ),
    );
  }