我的iOS版React Native Expo应用程序有一个Home屏幕，显示一些聊天消息，并有一个文本输入元素，应该粘在设备屏幕的底部，就像大多数聊天应用程序一样。

Github repo：**一个

然而，当虚拟键盘向上滑动时，它隐藏了TextInput元素，尽管使用了KeyboardAwareScrollView。

import { Text, TextInput, View } from "react-native";

import { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view";
import { SafeAreaView } from "react-native-safe-area-context";
import { useState } from "react";

export default function Home() {
  const [input, setInput] = useState(null);
  const [numNewMessages, setNumNewMessages] = useState(0);

  // Simulate a new message received every few seconds
  setInterval(() => {
    setNumNewMessages((numNewMessages) => numNewMessages + 1);
  }, 3000);

  return (
    <SafeAreaView className="flex container h-full">
      <KeyboardAwareScrollView className="flex-grow bg-blue-100">
        {[...Array(10)].map((e, i) => (
          <Text key={i} className="my-10">
            Hello {i}!
          </Text>
        ))}

        {[...Array(numNewMessages)].map((e, i) => (
          <Text key={i} className="my-10">
            New msg {i}!
          </Text>
        ))}
      </KeyboardAwareScrollView>

      <View className="p-3">
        <TextInput
          className="placeholder:text-slate-400 block bg-white w-full border border-slate-300 rounded-md py-2 px-3 shadow-sm focus:outline-none focus:border-sky-500 focus:ring-sky-500 focus:ring-1 sm:text-sm"
          placeholder="Type your message"
          onChangeText={(value) => setInput(value)}
          value={input}
        />
      </View>
    </SafeAreaView>
  );
}

尝试将TextInput嵌套在KeyboardAwareScrollView中，但这会防止输入元素粘在底部屏幕上。
使用KeyboardAwareScrollView和SafeViewArea时如何解决此问题？谢谢！