في تطبيقات المراسلة والتطبيقات الاجتماعية، أصبحت ميزة إرسال الرسائل الصوتية من العناصر الأساسية التي يتوقعها المستخدم. لكن بناء زر تسجيل صوتي احترافي من الصفر قد يستغرق وقتًا طويلًا، خصوصًا إذا كنت تريد تجربة مشابهة لتطبيق WhatsApp.

هنا تأتي مكتبة animated_chat_record_button في Flutter، حيث توفر زر تسجيل صوتي متحرك وجاهز للاستخدام، مع دعم السحب للإلغاء، القفل للتسجيل المستمر، والتحول التلقائي إلى زر إرسال عند وجود نص.

مكتبة animated_chat_record_button هي حزمة Flutter تقدم مكوّن واجهة مستخدم جاهزًا لإنشاء زر تسجيل صوتي متحرك داخل تطبيقات الدردشة. تعتمد المكتبة على تجربة مألوفة للمستخدمين تشبه WhatsApp، مما يجعلها خيارًا مناسبًا لتطبيقات المحادثات والتواصل الاجتماعي.

لإضافة المكتبة إلى مشروع Flutter، افتح ملف pubspec.yaml وأضف:

dependencies:
  animated_chat_record_button: ^0.0.4

يوضح المثال التالي طريقة بسيطة لاستخدام زر التسجيل داخل شاشة Flutter:

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

class ChatExample extends StatefulWidget {
  @override
  _ChatExampleState createState() => _ChatExampleState();
}

class _ChatExampleState extends State<ChatExample> {
  TextEditingController controller = TextEditingController();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Stack(
        children: [
          AnimatedChatRecordButton(
            config: RecordButtonConfig(recordButtonSize: 45),
            textEditingController: controller,
            onSend: (text) {
              print('Send: $text');
            },
            onRecordingEnd: (file) {
              print('Recorded file: ${file?.path}');
            },
          ),
        ],
      ),
    );
  }
}

قبل تشغيل ميزة التسجيل الصوتي، يجب إضافة صلاحية الميكروفون داخل ملف:

android/app/src/main/AndroidManifest.xml

<uses-permission android:name="android.permission.RECORD_AUDIO" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />

يفضل طلب أقل عدد ممكن من الصلاحيات، وعدم استخدام صلاحيات التخزين إلا إذا كان التطبيق يحتاجها فعلًا.

على iOS يجب إضافة وصف لاستخدام الميكروفون داخل ملف Info.plist:

<key>NSMicrophoneUsageDescription</key>
<string>هذا التطبيق يحتاج الوصول إلى الميكروفون لتسجيل الرسائل الصوتية</string>

بشكل افتراضي، تحفظ المكتبة التسجيلات الصوتية بصيغة AAC، ويكون المسار الافتراضي قريبًا من:

/storage/emulated/0/Android/data/your.package.name/files/recording_[timestamp].aac

كما يمكنك تخصيص مسار الإخراج باستخدام خيار recordingOutputPath، وهي ميزة مهمة إذا كنت تريد رفع الملفات إلى خادم أو تخزينها في مسار محدد داخل التطبيق.

توفر المكتبة خيارات تخصيص متعددة من خلال RecordButtonConfig، مما يسمح لك بضبط شكل الزر ليتناسب مع هوية تطبيقك.

إذا كان تطبيقك يتعامل مع تسجيلات صوتية حساسة، فمن الأفضل تخزين الملفات في مسارات خاصة وآمنة داخل التطبيق. كما يُنصح بتشفير الملفات قبل رفعها إلى الخادم، وعدم الاحتفاظ بها محليًا لفترة أطول من اللازم.

تعد مكتبة animated_chat_record_button خيارًا عمليًا لمطوري Flutter الذين يريدون إضافة زر تسجيل صوتي متحرك يشبه WhatsApp بسرعة وسهولة. توفر المكتبة تجربة استخدام مألوفة، مع دعم القفل، الإلغاء بالسحب، والتخصيص البصري.

ومع ذلك، للحصول على أفضل نتيجة، يجب الاهتمام بإدارة الصلاحيات، تحسين حجم الملفات، والتأكد من حماية التسجيلات الصوتية إذا كانت تحتوي على بيانات حساسة.