altive_chat_room

altive_chat_room は、チャット画面を構築するための Flutter UI パッケージです。 ダイレクトチャット / グループチャットの表示に対応し、テキストや画像等を扱えます。

特徴

• チャット画面ウィジェット: AltiveChatRoom
• 対応メッセージ種別:
  • ChatTextMessage
  • ChatImagesMessage
  • ChatStickerMessage
  • ChatVoiceCallMessage
  • ChatSystemMessage
• AltiveChatRoomTheme によるテーマカスタマイズ
• メッセージバブル / ポップアップメニュー / アクションの拡張コールバック

Getting Started

未公開状態で別プロジェクトからローカル参照する場合:

dependencies:
  altive_chat_room:
    path: ../altive_chat_room

使い方

最小構成の例:

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

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

  @override
  Widget build(BuildContext context) {
    const me = ChatUser(
      id: '1',
      name: 'Me',
      avatarImageUrl: 'https://example.com/avatar_me.png',
    );
    const other = ChatUser(
      id: '2',
      name: 'Other',
      avatarImageUrl: 'https://example.com/avatar_other.png',
    );

    final messages = <ChatMessage>[
      ChatTextMessage(
        id: 'm1',
        createdAt: DateTime.now(),
        sender: other,
        text: 'Hello!',
      ),
    ];

    return AltiveChatRoom(
      theme: const AltiveChatRoomTheme(),
      currentUserId: me.id,
      messages: messages,
      onSendIconPressed: (value) {
        // 送信処理
      },
    );
  }
}

詳細なサンプルは example/lib/main.dart を参照してください。

開発

flutter pub get
flutter analyze
flutter test

example の起動:

cd example
flutter pub get
flutter run