flutter 聊天界面底部键盘与底部表情列表切换，并且高度不变

您可以使用Flutter的`Stack`和`AnimatedContainer`来实现底部键盘和表情列表的切换，并保持高度不变。以下是一个简单的示例代码：

import 'package:flutter/material.dart';

class ChatScreen extends StatefulWidget {
  @override
  _ChatScreenState createState() => _ChatScreenState();
}

class _ChatScreenState extends State<ChatScreen> {
  bool _isKeyboardVisible = false;
  double _keyboardHeight = 0.0;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Chat'),
      ),
      body: Stack(
        children: [
          ListView.builder(
            // Chat messages
            itemBuilder: (context, index) => ListTile(
              title: Text('Message $index'),
            ),
          ),
          Positioned(
            left: 0,
            right: 0,
            bottom: 0,
            child: AnimatedContainer(
              duration: Duration(milliseconds: 300),
              curve: Curves.easeInOut,
              height: _isKeyboardVisible ? _keyboardHeight : 80.0, // Set your desired height
              child: Column(
                children: [
                  Expanded(
                    child: Container(
                      // Your chat input field
                      color: Colors.grey[200],
                      child: TextField(
                        decoration: InputDecoration(
                          hintText: 'Type a message...',
                          contentPadding:
                              EdgeInsets.symmetric(horizontal: 16.0),
                        ),
                      ),
                    ),
                  ),
                  Container(
                    // Emoji picker or any other bottom panel
                    color: Colors.grey[300],
                    child: _isKeyboardVisible ? Text('Emoji Picker') : Text('Keyboard'),
                  ),
                ],
              ),
            ),
          ),
        ],
      ),
    );
  }

  @override
  void initState() {
    super.initState();
    // Listen for keyboard visibility changes
    KeyboardVisibility.onChange.listen((bool visible) {
      setState(() {
        _isKeyboardVisible = visible;
        _keyboardHeight = KeyboardVisibility.keyboardHeight ?? 0.0;
      });
    });
  }
}

在上述代码中，我们使用`Stack`将聊天消息列表和底部输入框叠加在一起。然后，我们使用`AnimatedContainer`来实现高度的动画变化，根据键盘的可见性来决定高度值。您可以将您的聊天输入字段放在`Expanded`小部件中，并将表情选择器或任何其他底部面板放在下面。

为了监听键盘的可见性和高度变化，我们使用了`keyboard_visibility`库中的`KeyboardVisibility`类。请确保在您的`pubspec.yaml`文件中添加`keyboard_visibility`依赖项。

这只是一个基本的示例，您可以根据自己的需求进行修改和扩展。希望对您有所帮助！如果有任何问题，请随时问我。