simple-chat-client/lib/home/view/message_page/mesage_page.dart

/*
 * @Author       : Linloir
 * @Date         : 2022-10-11 11:05:18
 * @LastEditTime : 2022-10-13 22:59:10
 * @Description  : 
 */

import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:tcp_client/home/view/message_page/cubit/msg_list_cubit.dart';
import 'package:tcp_client/home/view/message_page/cubit/msg_list_state.dart';
import 'package:tcp_client/home/view/message_page/view/message_tile.dart';

class MessagePage extends StatelessWidget {
  const MessagePage({super.key});

  @override
  Widget build(BuildContext context) {
    return BlocBuilder<MessageListCubit, MessageListState>(
      builder: (context, state) {
        return Container(
          color: Colors.blue,
          child: ListView.separated(
            itemBuilder: (context, index) {
              return MessageTile(
                userID: state.messageList[index].targetUser,
                message: state.messageList[index].message,
              );
            }, 
            separatorBuilder: (context, index) {
              return const Divider(
                height: 0.5,
              );
            }, 
            itemCount: state.messageList.length
          ),
        );
      }
    );
  }
}