Flutter实现软键盘与其它区域丝滑切换效果

import 'package:flutter/material.dart';  
class ProviderChatContent with ChangeNotifier {
  double _voiceInputHeight = 0.0;

  double get voiceInputHeight => _voiceInputHeight;

  void update_voiceInputHeight(double newHeight) {
    _voiceInputHeight = newHeight;
    notifyListeners();
  }
}

import 'dart:async';
import 'dart:math';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';

class YourClassName extends StatefulWidget {
  @override
  _YourClassNameState createState() => _YourClassNameState();
}

class _YourClassNameState extends State<YourClassName> with WidgetsBindingObserver {
  Timer? _debounceTimer;
  final FocusNode _focusNode = FocusNode();
  double ContainerHeight = 0.0;
  double InputHeight = 0.0; // 假设这是初始输入框的高度
  double voiceInputHeight = 0.0;

  @override
  void initState() {
    super.initState();
    WidgetsBinding.instance.addObserver(this);
  }

  @override
  void dispose() {
    WidgetsBinding.instance.removeObserver(this);
    _debounceTimer?.cancel();
    _focusNode.dispose();
    super.dispose();
  }

  // 获取键盘的实时高度
  @override
  void didChangeMetrics() {
    super.didChangeMetrics();
    if (mounted) {
      final provider = Provider.of<ProviderChatContent>(context, listen: false);
      final double currentKeyboardHeight = EdgeInsets.fromWindowPadding(
        WidgetsBinding.instance.window.viewInsets,
        WidgetsBinding.instance.window.devicePixelRatio,
      ).bottom;

      // 设置一个新的计时器
      _debounceTimer?.cancel(); // 取消之前的计时器
      _debounceTimer = Timer(const Duration(milliseconds: 39), () {
        if (currentKeyboardHeight > 0 && _focusNode.hasFocus) {
          setState(() {
            // 更新 ContainerHeight 为 InputHeight 和 currentKeyboardHeight 的最大值
            ContainerHeight = max(InputHeight, currentKeyboardHeight);
          });
        }
      });

      voiceInputHeight = InputHeight - currentKeyboardHeight;
      provider.update_voiceInputHeight(voiceInputHeight);
    }
  }

  @override
  Widget build(BuildContext context) {
    final provider = Provider.of<ProviderChatContent>(context);
    return Scaffold(
      body: Column(
        children: [
          Row(
            // 此处填写输入框和其它代码
          ),
          Container(
            // 此处写你的container
            height: max(provider.voiceInputHeight, 0.0), // 使用最大值确保不会有负数的高度
          ),
        ],
      ),
    );
}