Unduh Dash Chat 2 - Unduh Kode Sumber Dash Chat 2

Dash Chat 2

Kode Sumber AI

1.0.0

Unduh

UI obrolan paling lengkap untuk flutter

Mudah digunakan, sangat dapat disesuaikan dan sepenuhnya ditampilkan

Fitur

Komponen yang sepenuhnya dapat disesuaikan
Multi-Line TextInput
Tautan yang dapat disentuh menggunakan flutter_parsed_text
Dukungan Markdown Menggunakan Flutter_Markdown
Avatar sebagai inisial atau gambar profil pengguna
Pesan balasan cepat
Muat pesan sebelumnya
Gulir ke widget bawah
Dukungan media ganda (dukungan audio: WIP)
@ Sebutkan pengguna (atau apapun)
Mengetik pengguna
Balas Pesan - WIP
Status Pesan - WIP

Anda membutuhkan fitur lain? Anda dapat menggunakan bidang customProperties dari model, memungkinkan Anda untuk meneruskan data lain ke perpustakaan yang kemudian dapat Anda gunakan di dalam pembangun khusus untuk mengimplementasikan fitur apa pun yang Anda butuhkan.

Tentu saja, jika Anda berpikir fitur ini dapat bermanfaat bagi orang lain, jangan ragu untuk membuka masalah/tarik untuk dibahas termasuk termasuk "secara asli" dalam paket.

Penggunaan dasar

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

class Basic extends StatefulWidget {
  @override
  _BasicState createState () => _BasicState ();
}

class _BasicState extends State < Basic > {
  ChatUser user = ChatUser (
    id : '1' ,
    firstName : 'Charles' ,
    lastName : 'Leclerc' ,
  );

  List < ChatMessage > messages = < ChatMessage > [
    ChatMessage (
      text : 'Hey!' ,
      user : user,
      createdAt : DateTime . now (),
    ),
  ];

  @override
  Widget build ( BuildContext context) {
    return Scaffold (
      appBar : AppBar (
        title : const Text ( 'Basic example' ),
      ),
      body : DashChat (
        currentUser : user,
        onSend : ( ChatMessage m) {
          setState (() {
            messages. insert ( 0 , m);
          });
        },
        messages : messages,
      ),
    );
  }
}

Anda dapat menjalankan proyek contoh untuk melihat cara yang lebih kompleks menggunakan paket

Parameter Dashchat

ChatUser CurrentUser - Diperlukan : Pada dasarnya "Anda", kami perlu tahu siapa pengguna saat ini untuk memasukkan pesan mereka ke sisi kanan
Fungsi (Pesan ChatMessage) ONSEND - Diperlukan : Fungsi untuk menelepon saat pengguna mengirim pesan, di situlah Anda menangani logika untuk mengirim pesan ke backend Anda dan menambahkan daftar messages
Daftar <ChatMessage> Pesan - Diperlukan : Daftar Pesan Saluran, Anda biasanya tidak akan memuat semua pesan sekaligus tetapi menggunakan Param onLoadEarlier dari MessageListOptions untuk memicu pemuatan malas yang malas
InputOptions InputOptions - Opsional : Opsi untuk menyesuaikan perilaku dan desain input obrolan
MessageOptions MessageOptions - Opsional : Opsi untuk menyesuaikan perilaku dan desain pesan
Messagelistoptions MessageListoptions - Opsional : Opsi untuk menyesuaikan perilaku dan desain daftar keseluruhan pesan
QuickReplyoptions QuickReplyOptions - Opsional : Opsi untuk menyesuaikan perilaku dan desain balasan cepat
Scrolltobottomoptions Scrolltobottomoptions - Opsional : Opsi untuk menyesuaikan perilaku dan desain tombol gulir-ke-botol
Readonly - Opsional (default ke false): Opsi untuk membuat obrolan hanya dibaca, itu akan menyembunyikan bidang input
Daftar <ChatUser> TypingUsers - Opsional : Daftar pengguna saat ini mengetik di obrolan

Dokumentasi lengkap

Anda dapat menelusuri dokumentasi DART lengkap di sini: Dokumentasi

Menemukan proyek ini berguna?

Jika Anda menemukan proyek ini bermanfaat, maka silakan pertimbangkan untuk memberikannya ️ di github: https://github.com/sebastienbtr/dash-cat-2

Masalah dan umpan balik

Jika Anda memiliki saran untuk memasukkan fitur atau jika ada sesuatu yang tidak berhasil, jangan ragu untuk membuka masalah GitHub atau membuka permintaan tarik, Anda lebih dari disambut untuk berkontribusi!