aku_new_community_manager/lib/ui/home/messages/message.dart

import 'package:aku_community_manager/style/app_style.dart';
import 'package:aku_community_manager/ui/home/messages/system_message.dart';
import 'package:aku_community_manager/ui/widgets/common/aku_scaffold.dart';
import 'package:aku_ui/aku_ui.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/instance_manager.dart';
import 'package:get/get.dart';

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

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

class _MessageState extends State<Message> {

  Widget _messageTypeImage(String type){
    Icon path;
    Color ca;
    Color cb;
     switch (type) {
      case'系统消息' :
        path=Icon(Icons.system_update,size: 66.w,) ;
        ca=Color(0xFFFFDE9A);
        cb=Color(0xFFFFB00A);
        break;
        case '评论消息':
     path=Icon(Icons.message,size: 66.w,) ;
        ca=Color(0xFF81D1FF);
        cb=Color(0xFF1792FF);
                break;
      default:
    }
    return Container(
                  width: 88.w,
                  height: 88.w,
                  decoration: BoxDecoration(
                    borderRadius: BorderRadius.circular(44.w),
                    gradient: LinearGradient(
                        begin: Alignment.topCenter,
                        end: Alignment.bottomCenter,
                        colors: [
                          ca,
                          cb,
                        ]),
                  ),
                  child: path,
                );
  }
  Widget _messageListTile(String date, Widget messageImage, String title,String text,int number,Widget page) {
    return AkuButton(
          color: Color(0xFFFFFFFF),
          onPressed: () {
            Get.to(page);
          },
          child: Container(
            height: 136.w,
            padding: EdgeInsets.only(
              top: 24.w,
              left: 32.w,
              bottom: 24.w,
            ),
            child: Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                messageImage,
                SizedBox(
                  width: 24.w,
                ),
                Expanded(
                                  child: Column(
                    mainAxisSize: MainAxisSize.min,
                    children: [
                      Row(
                        children: [
                          Text(
                            title,
                            style: AppStyle().primaryStyle,
                          ),
                          Spacer(),
                          Text(date, style: AppStyle().minorStyle),
                        ],
                      ),
                      Spacer(),
                      Row(
                        mainAxisAlignment: MainAxisAlignment.center,
                        children: [
                          Text(text, style: AppStyle().minorStyle),
                          Spacer(),
                          Container(
                            alignment: Alignment.center,
                            width: 32.w,
                            height: 32.w,
                            decoration: BoxDecoration(
                                borderRadius: BorderRadius.circular(16.w),
                                color: Color(0xFFFF4501)),
                            child: Text(
                              number.toString(),
                              style: TextStyle(
                                color: Color(0xFFFFFFFF),
                                fontSize: 20.sp,
                              ),
                            ),
                          ),
                        ],
                      ),
                    ],
                  ),
                ),
              ],
            ),
          ),
        );
      
    }

  @override
  Widget build(BuildContext context) {
    return AkuScaffold(
      title: '消息',
      titleStyle: AppStyle().barTitleStyle,
      body: ListView(
        padding: EdgeInsets.only(top: 16.w),
        children: [
          _messageListTile('2020-10-23 9:00',_messageTypeImage('系统消息'), '系统消息','你有一条新的报事报修待处理' ,5,SystemMessage()),
          Divider(
            height: 1.w,
          ),
          _messageListTile('2020-10-23 10:00', _messageTypeImage('评论消息'),'评论消息', '你有一条新的评论回复',7,SystemMessage()),
        ],
      ),
    );
  }
}