lenna_chatbot
Lenna Chatbot adalah komponen Flutter yang mudah diintegrasikan untuk menampilkan percakapan real-time, dukungan pesan teks, gambar, file, dan carousel interaktif. Cocok digunakan di aplikasi customer service, chatbot AI, dan otomasi percakapan lainnya.
Fitur Utama
- Dukungan pesan teks, gambar, video, dan file
- Carousel interaktif dan quick replies
- Socket.IO integration untuk real-time messaging
- Integrasi notifikasi (Firebase dan lokal)
- Mudah dikonfigurasi dari parameter widget
Cara Penggunaan
Tambahkan ke pubspec.yaml:
dependencies:
lenna_chat: ^0.0.8
import 'package:lenna_chat/lenna_chat.dart';
return Scaffold(
body: LennaChat(
appId: "Your AppId",
apiKey:
'Your-apiKey',
projectId: 'Your projectId',
user: Your Response login UserData,
onBack: () {
"Your Function Back or navigation"
},
// UI Identity
title: "Ai Name",
subTitle: "Virtual Assistant Ai Name",
avatarProfile: "assets/avatar.png", // Import Your Path Image
// Colors & UI Theme
backgroundColor: Color(0xFFF9FBFF), // Chat screen background
headerColor: Color(0xFF1565C0), // Header AppBar color
bubbleLeftColor: Color(0xFFE8F2FF), // Bot bubble color
bubbleRightColor: Color(0xFF0066CC), // User bubble color
textFieldColor: Color(0xFFFFFFFF), // Input container color
sendButtonColor: Color(0xFF1565C0), // Send icon color
textInputColor: Color(0xFF1F1F1F), // Color text input
backColor: Color(0xFFF9FBFF), // Back arrow color
// Socket Integration
socketId: 'Your Number AppId',
),
);
Libraries
- components/chat_message_bubble
- components/fetching/api
- components/fetching/http_interceptor
- components/function/link_text
- components/loading/typing_loading
- components/messagedType/message_type_carousel
- components/messagedType/message_type_document
- components/messagedType/message_type_html
- components/messagedType/message_type_image
- components/messagedType/message_type_interactive
- components/messagedType/message_type_video
- components/modal/interactive_secton_modal
- components/popup/popup_input_file
- components/services/config
- components/services/notification_services
- components/services/socket_services
- components/test
- lenna_chat