flutter 聊天页面，底部输入栏键盘与表情页切换

在Flutter中实现聊天页面底部输入栏键盘与表情页的切换，可以使用软键盘监听和底部弹出框的方式。

首先，你可以使用`keyboard_visibility`库来监听软键盘的可见性。这个库提供了一个`KeyboardVisibility.onChange`回调，可以在软键盘的可见性发生变化时触发。

接下来，你可以使用一个`TextField`作为输入框，并在输入框上方放置一个底部弹出框，用于展示表情页。当软键盘弹出时，隐藏底部弹出框，当软键盘收起时，显示底部弹出框。

下面是一个简单的示例代码：

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

class ChatPage extends StatefulWidget {
  @override
  _ChatPageState createState() => _ChatPageState();
}

class _ChatPageState extends State<ChatPage> {
  bool isKeyboardVisible = false;

  @override
  void initState() {
    super.initState();
    KeyboardVisibility.onChange.listen((bool visible) {
      setState(() {
        isKeyboardVisible = visible;
      });
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Chat'),
      ),
      body: Column(
        children: [
          Expanded(
            child: ListView.builder(
              itemCount: 10,
              itemBuilder: (context, index) => ListTile(
                title: Text('Message $index'),
              ),
            ),
          ),
          if (!isKeyboardVisible)
            Container(
              padding: EdgeInsets.all(8),
              child: Row(
                children: [
                  Expanded(
                    child: TextField(
                      decoration: InputDecoration(
                        hintText: 'Enter a message',
                      ),
                    ),
                  ),
                  IconButton(
                    icon: Icon(Icons.emoji_emotions),
                    onPressed: () {
                      // 弹出表情页
                      // ...
                    },
                  ),
                ],
              ),
            ),
        ],
      ),
    );
  }
}

在上述代码中，我们使用`KeyboardVisibility.onChange`监听软键盘的可见性变化，并在状态发生变化时更新`isKeyboardVisible`的值。通过判断`isKeyboardVisible`的值，决定是否显示底部输入栏。

你可以在`IconButton`的`onPressed`回调中实现弹出表情页的逻辑。根据你的需求，可以使用底部弹出对话框、底部弹出菜单或其他自定义的方式来展示表情页。

希望这个示例能帮到你！如果还有其他问题，请随时提问。