dating_touchme_app/lib/pages/message/chat_page.dart

import 'package:dating_touchme_app/extension/ex_widget.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import 'package:im_flutter_sdk/im_flutter_sdk.dart';

import '../../controller/message/chat_controller.dart';
import '../../generated/assets.dart';
import '../../../widget/message/chat_input_bar.dart';
import '../../../widget/message/message_item.dart';

class ChatPage extends StatelessWidget {
  final String userId;

  const ChatPage({required this.userId, super.key});



  @override
  Widget build(BuildContext context) {
    return GetBuilder<ChatController>(
      init: ChatController(userId: userId),
      builder: (controller) {
        return Scaffold(


      backgroundColor: Color(0xffF5F5F5),
      appBar: AppBar(
        title: Text(controller.userInfo.value?.nickName ?? ''),
        centerTitle: true,
        actions: [
          Container(
            padding: EdgeInsets.only(right: 16.w),
            child: Image.asset(Assets.imagesMore, width: 16.w,),
          ).onTap(() {

          })
        ],
        leading: IconButton(
          icon: Icon(Icons.arrow_back_ios),
          onPressed: () {
            Get.back();
          },
        ),
      ),
      body: Column(
        children: [
          // 消息列表区域
          Expanded(
            child: Container(
              alignment: Alignment.topCenter,
              child: ListView.builder(
                reverse: true,
                itemCount: controller.messages.length,
                itemBuilder: (context, index) {
                  final message = controller.messages[index];
                  final isSentByMe = message.direction == MessageDirection.SEND;
                  // 获取上一条消息（如果存在）
                  final previousMessage = index > 0 ? controller.messages[index - 1] : null;
                  return MessageItem(
                    message: message,
                    isSentByMe: false,
                    previousMessage: previousMessage,
                  );
                },
              ),
            ),
          ),
          // 使用抽离的聊天输入栏组件
          ChatInputBar(
            onSendMessage: (message) async {
              await controller.sendMessage(message);
            },
          ),
        ],
      ),
    );
      },
    );
  }
}