dating_touchme_app/lib/widget/message/chat_input_bar.dart

import 'package:dating_touchme_app/extension/ex_widget.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';

import '../../generated/assets.dart';
import 'more_options_view.dart';

class ChatInputBar extends StatefulWidget {
  final ValueChanged<String> onSendMessage;
  final ValueChanged<List<String>>? onImageSelected;

  const ChatInputBar({required this.onSendMessage, this.onImageSelected, super.key});

  @override
  State<ChatInputBar> createState() => _ChatInputBarState();
}

class _ChatInputBarState extends State<ChatInputBar> {
  final TextEditingController _textController = TextEditingController();
  bool _isMoreOptionsVisible = false;

  void _handleSendMessage() {
    if (_textController.text.isNotEmpty) {
      widget.onSendMessage(_textController.text);
      _textController.clear();
    }
  }

  // 切换更多选项的显示状态
  void _toggleMoreOptions() {
    setState(() {
      _isMoreOptionsVisible = !_isMoreOptionsVisible;
      // 收起键盘
      FocusManager.instance.primaryFocus?.unfocus();
    });
  }

  void _handleImageTap(List<String> imagePaths) {
    // 将图片路径列表传递给父组件
    if (widget.onImageSelected != null) {
      widget.onImageSelected!(imagePaths);
    }
  }

  void _handleCameraTap(String imagePath) {
    // 将单个图片路径包装成列表传递给父组件
    if (widget.onImageSelected != null) {
      widget.onImageSelected!([imagePath]);
    }
  }

  @override
  Widget build(BuildContext context) {
    return Column(
      mainAxisSize: MainAxisSize.min,
      children: [
        Container(
          padding: EdgeInsets.only(left: 16.w, right: 16.w, bottom: 16.w),
          color: Colors.white,
          child: Column(
            children: [
              SizedBox(height: 10.h),
              Row(
                children: [
                  Expanded(
                    child: Container(
                      height: 40.h,
                      decoration: BoxDecoration(
                        color: Color(0xffF5F5F5),
                        borderRadius: BorderRadius.circular(5.h),
                      ),
                      padding: EdgeInsets.symmetric(horizontal: 16.w),
                      child: TextField(
                        controller: _textController,
                        decoration: InputDecoration(
                          border: InputBorder.none,
                          hintText: "请输入聊天内容~",
                          hintStyle: TextStyle(fontSize: 14.sp, color: Colors.grey),
                        ),
                        style: TextStyle(fontSize: 14.sp, color: Colors.black),
                      ),
                    ),
                  ),
                  SizedBox(width: 12.w),
                  // 发送按钮
                  Container(
                    padding: EdgeInsets.symmetric(horizontal: 16.w, vertical: 8.h),
                    decoration: BoxDecoration(
                      color: Colors.blue,
                      borderRadius: BorderRadius.circular(5.h),
                    ),
                    child: Text(
                      "发送",
                      style: TextStyle(
                        fontSize: 14.sp,
                        color: Colors.white,
                        fontWeight: FontWeight.w500,
                      ),
                    ),
                  ).onTap(_handleSendMessage),
                ],
              ),
              SizedBox(height: 12.h),
              // 底部工具栏
              Row(
                mainAxisAlignment: MainAxisAlignment.spaceAround,
                children: [
                  // 语音按钮
                  Image.asset(Assets.imagesAudio, width: 24.w, height: 24.w),
                  // 视频按钮
                  Image.asset(Assets.imagesVideo, width: 24.w, height: 24.w),
                  // 礼物按钮
                  Image.asset(Assets.imagesGift, width: 24.w, height: 24.w),
                  // 表情按钮
                  Image.asset(Assets.imagesEmoji, width: 24.w, height: 24.w),
                  // 更多按钮
                  Image.asset(Assets.imagesAdd, width: 24.w, height: 24.w).onTap(_toggleMoreOptions),
                ],
              ),
            ],
          ),
        ),
        // 更多选项展开视图
        MoreOptionsView(
          isVisible: _isMoreOptionsVisible,
          onImageSelected: _handleImageTap,
          onCameraSelected: _handleCameraTap,
        )
      ],
    );
  }


}